Icon

<svg class="icon " role="img">
        <title>Angle down icon</title>
    <use xlink:href="/images/icons-sprite.svg#angle-down"></use>
</svg>
<svg
    class="icon {{ class }}"
    {{{ attributes }}}
    {{#if hidden }}
        role="presentation"
        focusable="false"
    {{else}}
        role="img"
    {{/if}}
>
    {{#if title }}
        <title>{{ title }}</title>
    {{/if}}
    <use xlink:href="{{ svg id }}"></use>
</svg>
{
  "id": "angle-down",
  "title": "Angle down icon"
}
  • Content:
    $icon__size      : 24px !default;
    $icon__padding   : 0 !default;
    $icon__transition: $transition-base !default;
    
    .icon {
        display: block;
        width: $icon__size;
        height: $icon__size;
        padding: $icon__padding;
        transition: $icon__transition;
        pointer-events: none;
    }
    
  • URL: /components/raw/icon/_icon.scss
  • Filesystem Path: build/components/Atoms/icon/_icon.scss
  • Size: 281 Bytes

There are no notes for this item.