span class=[@type,role] style=("float: #{attr :float}" if attr? :float)
  - if @type == 'icon' && (@document.attr? :icons, 'font')
    - style_class = ["icon-#{@target}"]
    - style_class << "icon-#{attr :size}" if attr? :size
    - style_class << "icon-rotate-#{attr :rotate}" if attr? :rotate
    - style_class << "icon-flip-#{attr :flip}" if attr? :flip
    - if attr? :link
      a.image href=(attr :link) target=(attr :window)
        i class=style_class title=(attr :title)
    - else
      i class=style_class title=(attr :title)
  - elsif @type == 'icon' && !(@document.attr? :icons)
    - if attr? :link
      a.image href=(attr :link) target=(attr :window)
        |[#{attr :alt}]
    - else
      |[#{attr :alt}]
  - else
    - src = (@type == 'icon' ? (icon_uri @target) : (image_uri @target))
    - if attr? :link
      a.image href=(attr :link) target=(attr :window)
        img src=src alt=(attr :alt) width=(attr :width) height=(attr :height) title=(attr :title)
    - else
      img src=src alt=(attr :alt) width=(attr :width) height=(attr :height) title=(attr :title)