Iconography refers to the use of symbols or icons to represent actions, objects, or ideas in a user interface. Icons enhance usability, improve navigation, and make interfaces more visually appealing. Blueprint Icon are our newest icons consolidating over 100+ glyphs in a single font file with a wide range of design variants.
<span class="blueprint-icon icon-arrow_down icon-4x"></span>
<span class="blueprint-icon icon-arrow_left icon-4x"></span>
<span class="blueprint-icon icon-arrow_right icon-4x"></span>
<span class="blueprint-icon icon-arrow_up icon-4x"></span>
<span class="blueprint-icon icon-attach icon-4x"></span>
<span class="blueprint-icon icon-bp_1_close icon-4x"></span>
<span class="blueprint-icon icon-info-circled icon-4x"></span>
<span class="blueprint-icon icon-calendar icon-4x"></span>
<span class="blueprint-icon icon-chevron_down icon-4x"></span>
<span class="blueprint-icon icon-chevron_left icon-4x"></span>
<span class="blueprint-icon icon-chevron_right icon-4x"></span>
<span class="blueprint-icon icon-chevron_up icon-4x"></span>
<span class="blueprint-icon icon-checkmark icon-4x"></span>
<span class="blueprint-icon icon-heart-empty icon-4x"></span>
<span class="blueprint-icon icon-cost icon-4x"></span>
<span class="blueprint-icon icon-download icon-4x"></span>
<span class="blueprint-icon icon-duration icon-4x"></span>
<span class="blueprint-icon icon-email icon-4x"></span>
<span class="blueprint-icon icon-filter icon-4x"></span>
<span class="blueprint-icon icon-menu_closed icon-4x"></span>
<span class="blueprint-icon icon-menu_open icon-4x"></span>
<span class="blueprint-icon icon-message icon-4x"></span>
<span class="blueprint-icon icon-minus icon-4x"></span>
<span class="blueprint-icon icon-more_hor icon-4x"></span>
<span class="blueprint-icon icon-more_vert icon-4x"></span>
<span class="blueprint-icon icon-location-1 icon-4x"></span>
<span class="blueprint-icon icon-open icon-4x"></span>
<span class="blueprint-icon icon-person icon-4x"></span>
<span class="blueprint-icon icon-phone icon-4x"></span>
<span class="blueprint-icon icon-play icon-4x"></span>
<span class="blueprint-icon icon-plus icon-4x"></span>
<span class="blueprint-icon icon-quote icon-4x"></span>
<span class="blueprint-icon icon-search icon-4x"></span>
<span class="blueprint-icon icon-share icon-4x"></span>
<span class="blueprint-icon icon-sort_down icon-4x"></span>
<span class="blueprint-icon icon-sort_left icon-4x"></span>
<span class="blueprint-icon icon-sort_right icon-4x"></span>
<span class="blueprint-icon icon-sort_up icon-4x"></span>
<span class="blueprint-icon icon-star_empty icon-4x"></span>
<span class="blueprint-icon icon-star_full icon-4x"></span>
<span class="blueprint-icon icon-star_half icon-4x"></span>
<span class="blueprint-icon icon-success icon-4x"></span>
<span class="blueprint-icon icon-upload icon-4x"></span>
<span class="blueprint-icon icon-warning icon-4x"></span>
<span class="blueprint-icon icon-whatsapp icon-4x"></span>
<span class="blueprint-icon icon-heart icon-4x"></span>
<span class="blueprint-icon icon-info icon-4x"></span>
<span class="blueprint-icon icon-alert-blue icon-4x"></span>
<span class="blueprint-icon icon-un_locked icon-4x"></span>
<span class="blueprint-icon icon-locked icon-4x"></span>
<span class="blueprint-icon icon-circle icon-4x"></span>
<span class="blueprint-icon icon-settings icon-4x"></span>
<span class="blueprint-icon icon-my_board icon-4x"></span>
<span class="blueprint-icon icon-announcements_settings icon-4x"></span>
<span class="blueprint-icon icon-thumbs-up icon-4x"></span>
<span class="blueprint-icon icon-submit icon-4x"></span>
<span class="blueprint-icon icon-thumbs-down icon-4x"></span>
<span class="blueprint-icon icon-dollar-2 icon-4x"></span>
<span class="blueprint-icon icon-otp_verification icon-4x"></span>
<span class="blueprint-icon icon-otp_verification_circle icon-4x"></span>
<span class="blueprint-icon icon-canadian-2 icon-4x"></span>
<span class="blueprint-icon icon-pound-2 icon-4x"></span>
<span class="blueprint-icon icon-rupee-2 icon-4x"></span>
<span class="blueprint-icon icon-euro-2 icon-4x"></span>
<span class="blueprint-icon icon-video icon-4x"></span>
<span class="blueprint-icon icon-copy icon-4x"></span>
<span class="blueprint-icon icon-modallist icon-4x"></span>
<span class="blueprint-icon icon-category_technology icon-4x"></span>
<span class="blueprint-icon icon-article icon-4x"></span>
<span class="blueprint-icon icon-videocam icon-4x"></span>
<span class="blueprint-icon icon-gift icon-4x"></span>
<span class="blueprint-icon icon-certificates icon-4x"></span>
<span class="blueprint-icon icon-announcements icon-4x"></span>
<span class="blueprint-icon icon-classmates icon-4x"></span>
<span class="blueprint-icon icon-assignment_extension icon-4x"></span>
<span class="blueprint-icon icon-atomic_assesments icon-4x"></span>
<span class="blueprint-icon icon-assignments icon-4x"></span>
<span class="blueprint-icon icon-grades icon-4x"></span>
<span class="blueprint-icon icon-discussions icon-4x"></span>
<span class="blueprint-icon icon-files icon-4x"></span>
<span class="blueprint-icon icon-modules icon-4x"></span>
<span class="blueprint-icon icon-people icon-4x"></span>
<span class="blueprint-icon icon-media_module icon-4x"></span>
<span class="blueprint-icon icon-pages icon-4x"></span>
<span class="blueprint-icon icon-outcomes icon-4x"></span>
<span class="blueprint-icon icon-home icon-4x"></span>
<span class="blueprint-icon icon-quizzes icon-4x"></span>
<span class="blueprint-icon icon-syllabus icon-4x"></span>
<span class="blueprint-icon icon-rubrics icon-4x"></span>
<span class="blueprint-icon icon-office_hours icon-4x"></span>
<span class="blueprint-icon icon-surveymonkey icon-4x"></span>
<span class="blueprint-icon icon-support icon-4x"></span>
<span class="blueprint-icon icon-webinar icon-4x"></span>
<span class="blueprint-icon icon-money-1 icon-4x"></span>
<span class="blueprint-icon icon-euro icon-4x"></span>
<span class="blueprint-icon icon-pound icon-4x"></span>
<span class="blueprint-icon icon-dollar icon-4x"></span>
<span class="blueprint-icon icon-rupee icon-4x"></span>
<span class="blueprint-icon icon-yen icon-4x"></span>
<span class="blueprint-icon icon-rouble icon-4x"></span>
<span class="blueprint-icon icon-won icon-4x"></span>
<span class="blueprint-icon icon-bitcoin icon-4x"></span>
<span class="blueprint-icon icon-try icon-4x"></span>
<span class="blueprint-icon icon-shekel icon-4x"></span>
<span class="blueprint-icon icon-learning_path icon-4x"></span>
<span class="blueprint-icon icon-document icon-4x"></span>
<span class="blueprint-icon icon-downloadfile icon-4x"></span>
<span class="blueprint-icon icon-category_project-management icon-4x"></span>
<span class="blueprint-icon icon-category_entrepreneurship icon-4x"></span>
<span class="blueprint-icon icon-category_digital-transformation icon-4x"></span>
<span class="blueprint-icon icon-category_data-science-and-analytics icon-4x"></span>
<span class="blueprint-icon icon-category_coding icon-4x"></span>
<span class="blueprint-icon icon-category_business-analytics icon-4x"></span>
<span class="blueprint-icon icon-category_sustainablity icon-4x"></span>
<span class="blueprint-icon icon-category_sales-and-marketing icon-4x"></span>
<span class="blueprint-icon icon-category_product-design-and-innovation icon-4x"></span>
<span class="blueprint-icon icon-category_supply-chain icon-4x"></span>
<span class="blueprint-icon icon-category_leadership icon-4x"></span>
<span class="blueprint-icon icon-category_human-resources icon-4x"></span>
<span class="blueprint-icon icon-category_healthcare icon-4x"></span>
<span class="blueprint-icon icon-category_finance icon-4x"></span>
<span class="blueprint-icon icon-category_digital-marketing icon-4x"></span>
<span class="blueprint-icon icon-category_cybersecurity icon-4x"></span>
<span class="blueprint-icon icon-category_business-management icon-4x"></span>
<span class="blueprint-icon icon-category_ai-machine-learning icon-4x"></span>
<span class="blueprint-icon icon-category_strategy-and-innovation icon-4x"></span>
<span class="blueprint-icon icon-viacoin icon-4x"></span>
<span class="blueprint-icon icon-eye icon-4x"></span>
<span class="blueprint-icon icon-eye-slash icon-4x"></span>
<span class="blueprint-icon icon-bookmark icon-4x"></span>
<span class="blueprint-icon icon-bookmarks icon-4x"></span>
<span class="blueprint-icon icon-discussions-2 icon-4x"></span>
<span class="blueprint-icon icon-assignments-2 icon-4x"></span>
<span class="blueprint-icon icon-video-square icon-4x"></span>
<span class="blueprint-icon icon-bars icon-4x"></span>
<span class="blueprint-icon icon-trash icon-4x"></span>
<span class="blueprint-icon icon-rewind icon-4x"></span>
<span class="blueprint-icon icon-archive-add icon-4x"></span>
<span class="blueprint-icon icon-close-2 icon-4x"></span>
<span class="blueprint-icon icon-linkedin-squared icon-4x"></span>
<span class="blueprint-icon icon-logout icon-4x"></span>
<span class="blueprint-icon icon-sync icon-4x"></span>