StylePlayground Icon Reference

Icon Reference

The following are icons that we have used inside of content type, paragraph or views templates. These are part of the Lucide icon toolkit and used as inline SVG.

folders

tag

download

alert-triangle

link

map-pin

phone

mail

check-circle

cheveron-down

cheveron-left

cheveron-right

cheveron-up

file

info

thumbs-up

Note: Lucide icons can also be added as images using the following path: …/themes/custom/tyndale/icons/map-pin.svg replacing map-pin.svg with the name of the icon you want to use. Icons will come with the default height and width of 24px, this can be changed with the height="18px" -and- width="18px" properties in the image code. You can replace the size with whatever is needed, but both values should be the same…

Icons Short List

The following are icons that we are considering using — these can be moved to the used section once used. These are part of the Lucide icon toolkit and used as inline SVG.

accessibility

apple

archive

arrow-down

arrow-left

arrow-right

arrow-up

asterisk

at-sign

award

backpack

bed-single

bell

book-open

book

bookmark

box

bus

calender-days

calendar

camera

check-square

check

chevrons-down

chevrons-left

chevrons-right

chevrons-up

clock-3

cloud-snow

code-2

coffee

compass

credit-card

cup-soda

edit

external-link

facebook

file-check-2

file-text

file-x-2

files

film

flag

flame

flask-conical

flower-2

folder-check

folder-open

forward

gift

glass-water

glasses

globe

graduation-cap

grid

headphones

heart-handshake

heart

help-circle

hexagon

home

image

import

instagram

lamp-desk

laptop

leaf

life-buoy

lightbulb

linkedin

list-checks

mail

map

message-circle

message-square

mic

milestone

monitor

music

network

newspaper

octagon

paperclip

pencil

pie-chart

pin

pizza

play

podcast

rocket

rss

shirt

skull

snowflake

stethoscope

stick-note

ticket

train

twitter

user

users

watch

wifi

wrench

x-circle

x-square

youtube