SVG иконки

MAIN-SPRITE.SVG - <svg><use xlink:href="{{ svg("images/svg/main-sprite.svg#ID") }}"></use></svg>

logo

logo-sm

logo-ee

logo-fi

logo-al-2

home

mapstreets

subscribe-envelope

subscribe-envelope-success

subscribe-envelope-success-2

globe

success

info

info-triangle

magnifier

envelope

phone

phone-2

mapmarker

mapmarker-track

mapmarker-track-2

clock

hourglass

credit-card

truck

truck-2

truck-3

truck-free-delivery

truck-error-delivery

truck-exclamation-delivery

truck-info

sedan

bike

tractor

target-blank

car

folder

folder-list

list

user

user-2

users

lock

locked

cart

blank

wallet

wallet-2

cross

cross-round

anonymous

bill

bill-2

request-refund

filter

filter-reset

gear

parts

stats

eye

order

order-2

cloud

plane

trash

bankrupt

percentage

sale

cars

track

comment

folder-tree

pay

delivery

question

terms

calendar

firm

suitcase

discount

freon-container

freon-container-2

arrow-move

arrow-down

arrow-down-circle

arrow-right

angle-down

i-arrow-left

i-arrow-right

i-arrow-up

i-arrow-down

i-paid

i-pencil

i-change

i-help

i-bullhorn

i-copy

i-customs

i-send

i-spare-part

i-nothing

i-languages

i-currencies

i-mapmarkers

fb

PANEL-SPRITE.SVG - <svg><use xlink:href="{{ svg("images/svg/panel-sprite.svg#ID") }}"></use></svg>

i-money

i-question

i-dismiss

i-bug

i-flag

i-broom

i-phone

i-hourglass

i-cart

i-attention

i-sadness

i-freon

i-vin

i-envelope

i-envelope-success

i-like

i-dislike

Использование SVG

Вставка в TWIG

<svg><use xlink:href="{{ svg("images/svg/main-sprite.svg#ID") }}"></use></svg>

С размерами

<svg width="16" height="16"><use xlink:href="{{ svg("images/svg/main-sprite.svg#ID") }}"></use></svg>

Задать цвет можно через style

<svg style="color: red;"><use xlink:href="{{ svg("images/svg/main-sprite.svg#ID") }}"></use></svg>

Или через цветовые классы

<svg class="color-red"><use xlink:href="{{ svg("images/svg/main-sprite.svg#ID") }}"></use></svg>