UCI

Icon: 40 Video 

<svg class="icon icon-complex_video  icon-40   ">
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#complex_video"></use>
</svg>
 
<svg class="icon icon-{{ name }} {{#if size16}}icon-16{{/if}} {{#if size40}}icon-40{{/if}} {{#if size56}}icon-56{{/if}} {{#if size80}}icon-80{{/if}} {{#if isBefore}}icon-before{{/if}}{{#if isAfter}} icon-after{{/if}}{{#if isBig}} icon-big{{/if}}{{#if isAccent}} accent{{/if}}{{#if isAccentDark}} accent-dark{{/if}}"{{#if alt}} alt="{{alt}}"{{/if}}>
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#{{ name }}"></use>
</svg>
 
{
  "name": "complex_video",
  "size40": true
}
  • Content: 
    .icon {
    width: 16px;
    height: 16px;
    fill: var(--color-icon);
    transition: fill 0.3s;
    &.icon-big{
        width:auto;
        height:auto;
    }
    &.accent{fill: var(--color-accent);}
    &.accent-dark{fill: var(--color-accent-dark);}
    &.icon-16 {
        width: 16px;
        height: 16px;
    }
    &.icon-40 {
        width: 40px;
        height: 40px;
    }
    &.icon-56 {
        width: 56px;
        height: 56px;
    }
    &.icon-80 {
        width: 80px;
        height: 80px;
    }
}
[class*='icon-16_'] {
    width: 16px;
    height: 16px;
}
[class*='icon-24_'] {
    width: 24px;
    height: 24px;
}
[class*='icon-32_'] {
    width: 32px;
    height: 32px;
}
[class*='icon-40_'] {
    width: 40px;
    height: 40px;
}
[class*='icon-56_'] {
    width: 56px;
    height: 56px;
}
[class*='icon-80_'] {
    width: 80px;
    height: 80px;
}
  • URL: /components/raw/icon/icon.css
  • Filesystem Path: src/01-atoms/icon/icon.css
  • Size: 870 Bytes

No notes defined.