icon

Information

Folder
src/components/elements/icon

Files

Schema
Mocks
Template
// src/components/elements/icon/icon.html.twig

<svg class="Icon Icon--{{ name }} {{ class }}" focusable="false"{% if not label %} aria-hidden="true"{% endif %}>
	<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="{{ asset_path_sprite_svg() }}#{{ name }}" {% if label is defined %} aria-label="{{ label }}" {% endif %}></use>
</svg>

Variants

arrow
Open

arrow mock data

Raw
Resolved
at-sign
Open

at-sign mock data

Raw
Resolved
calendar
Open

calendar mock data

Raw
Resolved
check
Open

check mock data

Raw
Resolved
check-circle
Open

check-circle mock data

Raw
Resolved
checkbox-checked
Open

checkbox-checked mock data

Raw
Resolved
checkbox-empty
Open

checkbox-empty mock data

Raw
Resolved
chevron
Open

chevron mock data

Raw
Resolved
clock
Open

clock mock data

Raw
Resolved
credit-card
Open

credit-card mock data

Raw
Resolved
cross
Open

cross mock data

Raw
Resolved
download
Open

download mock data

Raw
Resolved
double-heart
Open

double-heart mock data

Raw
Resolved
edit
Open

edit mock data

Raw
Resolved
external-link
Open

external-link mock data

Raw
Resolved
facebook
Open

facebook mock data

Raw
Resolved
file
Open

file mock data

Raw
Resolved
filter
Open

filter mock data

Raw
Resolved
flag
Open

flag mock data

Raw
Resolved
gift
Open

gift mock data

Raw
Resolved
green-arrow
Open

green-arrow mock data

Raw
Resolved
heart
Open

heart mock data

Raw
Resolved
home
Open

home mock data

Raw
Resolved
info
Open

info mock data

Raw
Resolved
lock
Open

lock mock data

Raw
Resolved
logo
Open
mail
Open

mail mock data

Raw
Resolved
map-pin
Open

map-pin mock data

Raw
Resolved
mastercard
Open

mastercard mock data

Raw
Resolved
maximize
Open

maximize mock data

Raw
Resolved
menu
Open

menu mock data

Raw
Resolved
minus
Open

minus mock data

Raw
Resolved
more
Open

more mock data

Raw
Resolved
phone
Open

phone mock data

Raw
Resolved
paypal
Open

paypal mock data

Raw
Resolved
play
Open

play mock data

Raw
Resolved
printer
Open

printer mock data

Raw
Resolved
search
Open

search mock data

Raw
Resolved
share
Open

share mock data

Raw
Resolved
shield
Open

shield mock data

Raw
Resolved
shopping-bag
Open

shopping-bag mock data

Raw
Resolved
stars
Open

stars mock data

Raw
Resolved
whatsapp
Open

whatsapp mock data

Raw
Resolved
user
Open

user mock data

Raw
Resolved
visa
Open

visa mock data

Raw
Resolved