JTCC Component Library

SVG Example 

<div>
    <svg>
        <use href="/images/icons.svg#alert" />
    </svg>
</div>

<div>
    <svg style="fill: #f1c400;">
        <use href="/images/icons.svg#alert" />
    </svg>
</div>

<div>

    <svg class="icon icon_alert">
        <use href="/images/icons.svg#alert" />
    </svg>

</div>
 
{# manually #}

<div>
	<svg>
		<use href="/images/icons.svg#alert"/>
	</svg>
</div>

<div>
	<svg style="fill: #f1c400;">
		<use href="/images/icons.svg#alert"/>
	</svg>
</div>

{# or through our helper function #}
{#
	this adds a class to the <svg> for sizing purposes
#}

<div>
	{{ icon("alert") }}
</div>
  • Handle: @component-svg-example
  • Preview:
  • Filesystem Path: src/twig/01-components/svg-example/svg-example.twig

No notes defined.