Icons

The Template Package 4.x framework includes icons to represent a variety of health topics and communication activities. The icon set also includes standard icons to represent links to social media sites and indicate links to files and external sites. All icons are managed as SVG files so they do not lose quality when changing size. SVGs also provide flexibility for color changes and allow for easier updates.

Usage

SVG icons can be placed on a page using several different methods, each of which have their own benefits.

Img Source

Using SVG icons as images is an option which generally works best when the SVG icon has the appropriate fill colors applied to it already.

presentation_01

SVG Source

When you want more control over SVG icons, and you're using them a limited number of times, you can embed the SVGs directly into the page.

presentation_01

SVG Symbol

Use SVG symbols when you want to use standard embedding, or if you're using the icons multiple times on the page. These icons can be different sizes, colors and have different styles.

SVG Sizes

Use the .x# classes on or as the parent of a SVG, to set its size. Sizes range from x16 to x48 in multiples of 4, x64, x96, x128, x256.

Icon List

Standard

alert_01
alert_02
alert_03
alert_04
alert_05
alert_06
allergy_01
animal_01
animal_02
animal_03
audio_01
audio_02
audio_03
audio_04
audio_05
badge_01
badge_02
badge_03
badge_04
badge_05
bag_01
book_01
book_02
book_03
book_04
bookmark_01
brain_01
building_01
building_02
building_03
building_04
calendar_01
chart_01
chart_02
chart_03
chat_01
chat_02
chat_03
chat_04
clipboard_01
clock_01
cloud_01
clothes_01
data_01
device_01
device_02
device_03
device_04
direction_01
download_01
edit_01
email_01
email_02
food_01
food_02
food_03
food_04
food_05
food_06
globe_01
globe_02
globe_03
grid_01
heart_01
hazard_01
hazard_02
hazard_03
hazard_04
hazard_05
home_01
hospital_01
idea_01
lab_01
lab_02
lab_03
lab_04
lab_05
lab_06
lab_07
link_01
map_01
medical_01
medical_02
medical_03
medical_04
medical_05
medical_06
medical_07
medical_08
medical_09
medical_10
medical_11
money_01
no_01
paper_01
paper_02
paper_03
people_01
people_02
people_03
people_04
people_05
people_06
people_07
people_08
people_09
phone_01
photo_01
photo_02
photo_03
photo_04
photo_05
pin_01
pin_02
presentation_01
question_01
question_02
search_01
search_02
search_03
scale_01
scale_02
signal_01
smoking_01
sports_01
stack_01
stack_02
stack_03
stack_04
tools_01
tools_02
tools_03
tools_04
travel_01
travel_02
video_01
video_02
video_03
video_04
weather_01
weather_02
weather_03
weather_04
weather_05
weather_06
weather_07
weather_08
weather_09
weather_10
weather_11

Social

social_facebook
social_flickr
social_govd
social_instagram
social_linkedin
social_pinterest
social_podcast
social_rss
social_syndicate
social_twitter
social_youtube
social_cdctv
social_tumblr
social_w_email
social_w_facebook
social_w_flickr
social_w_govd
social_w_instagram
social_w_linkedin
social_w_pinterest
social_w_podcast
social_w_rss
social_w_syndicate
social_w_twitter
social_w_youtube
social_w_cdctv
social_w_tumblr

File Types

file_excel
file_pdf
file_zip
file_word
file_txt
file_ppt
file_media
file_epub
file_external
file_sas
file_stats
file_image

Controls

prev
next
search
plus
minus
play_circle_outline
close_circle
resize

Audio

play
pause
stop
skip backward
skip forward
volume high
volume mute

Icon List

Icon Font - Standard Icons

View Page In: PDF [150k] DOC [150k]
Page last reviewed: