Icon font
The icons defined as WIPO standard icons are available as ligatures.
Define font-family in your CSS from the variables. For example:
.wipo-icon {
font-family: var(--wipo-icon-font);
}
and reference using ligature <span class="wipo-icon">help_center</span>
Available ligatures
- add add
- arrow_back arrow_back
- arrow_downward arrow_downward
- arrow_forward arrow_forward
- arrow_upward arrow_upward
- beenhere beenhere
- bookmark bookmark
- calendar_month calendar_month
- calendar_today calendar_today
- check_box check_box
- check_box_outline_blank check_box_outline_blank
- chevron_right chevron_right
- chevron_left chevron_left
- close close
- contact_mail contact_mail
- content_copy content_copy
- delete delete
- done done
- download download
- drag_indicator drag_indicator
- edit edit
- error error
- expand_more expand_more
- expand_less expand_less
- help_center help_center
- info info
- keyboard_double_arrow_right keyboard_double_arrow_right
- keyboard_double_arrow_left keyboard_double_arrow_left
- keyboard_double_arrow_up keyboard_double_arrow_up
- keyboard_double_arrow_down keyboard_double_arrow_down
- language language
- lock lock
- lock_open_right lock_open_right
- more_horiz more_horiz
- notifications notifications
- open_in_new open_in_new
- person person
- priority_high priority_high
- radio_button_checked radio_button_checked
- radio_button_unchecked radio_button_unchecked
- search search
- shopping_basket shopping_basket
- translate translate
- star star
- unfold_more unfold_more
- visibility visibility
- visibility_off visibility_off