Information This site is moving

The Pattern Library is moving to its new home on the Summit design system site.

Go to the Summit site
Pattern Library (ver. 2)

SVG image list

Refer to the SVG image usage page for examples on how to use these images.

There are two versions available for download: dark grey (#333) or white (#FFF).

If you require images in a different colour or you do not see an image suitable for your needs, please contact us.

Web application images

cimg-home-o
cimg-search-o
cimg-user-o
cimg-user-plus
cimg-people-in-group-o
cimg-desktop-o
cimg-shopping-cart-o
cimg-shield-o
cimg-newspaper-o
cimg-calendar-o
cimg-envelope-o
cimg-phone-o
cimg-bar-chart-o
cimg-person-pie-chart-o
cimg-car-o
cimg-bus-o
cimg-train-o
cimg-food-trucks-o
cimg-biking-o
cimg-walking-o
cimg-trash-o
cimg-angle-double-down-o
cimg-angle-double-left-o
cimg-angle-double-right-o
cimg-angle-double-up-o
cimg-angle-down-o
cimg-angle-left-o
cimg-angle-right-o
cimg-angle-up-o
cimg-arrow-cir-down-o
cimg-arrow-cir-left-o
cimg-arrow-cir-up-o
cimg-arrow-cir-right-o
cimg-external-link-o
cimg-plus-o
cimg-minus-o
cimg-plus-cir-o
cimg-minus-cir-o
cimg-plus-sq-o
cimg-minus-sq-o
cimg-chain-broken-o
cimg-canadian-flag-o
cimg-covid-o
cimg-avoid-contact
cimg-avoid-crowds
cimg-avoid-touching-face
cimg-clipboard-list
cimg-cover-your-cough
cimg-hand-sanitizer
cimg-hand-washing
cimg-hospital-bed
cimg-mask-only
cimg-head-mask
cimg-physical-distancing
cimg-symptom-coughing
cimg-symptom-fever
cimg-symptom-headache
cimg-safety
cimg-chatbot

Programs and services images

cimg-paw-o
cimg-parks-recreation-o
cimg-building-planning-o
cimg-environment-o
cimg-bylaws-public-safety-o
cimg-taxes-property-assessment-o
cimg-social-services-o
cimg-cleaning-services-o
cimg-beauty-body-services-o
cimg-production-research-o
cimg-massage-services-o
cimg-yoga-pilates-cir-o
cimg-swimming-cir-o
cimg-sports-cir-o
cimg-skating-hockey-cir-o
cimg-skateboarding-cir-o
cimg-sailing-cir-o
cimg-playschool-cir-o
cimg-nature-cir-o
cimg-martial-arts-cir-o
cimg-golf-cir-o
cimg-fitness-strenght-cir-o
cimg-fitness-pre-postnatal-cir-o
cimg-day-camps-cir-o
cimg-certifications-leadership-cir-o
cimg-arts-visual-cir-o
cimg-arts-dance-cir-o
cimg-call-center-person-o

Building and planning images

cimg-digital-thermostat-o
cimg-infill-construction-o
cimg-natural-gas-burner-o
cimg-natural-gas-flame-o
cimg-overhead-electrical-services-a-o
cimg-overhead-electrical-services-b-o
cimg-plumbing-faucet-o
cimg-plumbing-gas-o
cimg-water-meter-o
cimg-growth-management-o
cimg-development-o
cimg-land-use-o
cimg-post-occupancy-o
cimg-construct-building-o
cimg-building-subdivision-o
cimg-occupancy-o
cimg-heritage-building-Inventory-o
cimg-plans-o
cimg-policy-o
cimg-infrastructure-o
cimg-playground-slide-o
cimg-playground-playhouse-o
cimg-historic-city-hall-o
cimg-solar-panel-o
cimg-effective-tool-o
cimg-building-group-o
cimg-building-safe-o
cimg-calgary-city-o
cimg-collaborative-o
cimg-condo
cimg-demolition
cimg-mod-commercial-multi
cimg-move-building
cimg-new-commercial-multi
cimg-revision
cimg-temporary-structure
cimg-clearing-out-bay
cimg-roof-advertising
cimg-projecting-sign
cimg-freestanding
cimg-flag
cimg-fascia
cimg-electronic-ad
cimg-bilboard
cimg-antenna
cimg-plug
cimg-suites
cimg-garage
cimg-fence
cimg-driveway
cimg-deck
cimg-basement
cimg-addition
cimg-ac