turretcss

Icon


Example

HTML

<svg class="icon">...</svg>

CSS

--icon-size: var(--icon-m-size);

Sizes

HTML

<svg class="icon-xxl">...</svg>
<svg class="icon-xl">...</svg>
<svg class="icon-l">...</svg>
<svg class="icon-m">...</svg>
<svg class="icon-s">...</svg>
<svg class="icon-xs">...</svg>
<svg class="icon-xxs">...</svg>

CSS

--icon-xxl-size: 6rem;
--icon-xl-size: 5rem;
--icon-l-size: 4rem;
--icon-m-size: 3rem;
--icon-s-size: 2rem;
--icon-xs-size: 1.5rem;
--icon-xxs-size: 1rem;