Working together for the ultimate brand experience

Royal Canin Design Language

Icons

The collection of icons currently available in Design Language should be used as intended. Please read the notes on use of each size and avoid using icons as illustrations over 64px. If you need a new icon, please follow the guidelines provided to ensure they fit our global style, and share it with us to include here.

Breed icons

Breed icons are used to portray the characteristics of a dog or cat and are exclusively used on the breed specific pages. Available in all sizes, the icons are designed to be responsive and scalable. Use the drop down selector to preview the colour classes available for icons. You can also click on an icon to reveal its class name and to copy the text.

Default 32px

  • attention
    rc-icon rc-attention rc-brand1
  • cat tree
    rc-icon rc-cat-tree rc-brand1
  • children
    rc-icon rc-children rc-brand1
  • deafness
    rc-icon rc-deafness rc-brand1
  • enjoys training
    rc-icon rc-enjoys-training rc-brand1
  • exercise
    rc-icon rc-exercise rc-brand1
  • experience
    rc-icon rc-experience rc-brand1
  • family
    rc-icon rc-family rc-brand1
  • first time
    rc-icon rc-first-time rc-brand1
  • friendly
    rc-icon rc-friendly rc-brand1
  • grooming
    rc-icon rc-grooming rc-brand1
  • guard dog
    rc-icon rc-guard-dog rc-brand1
  • heat
    rc-icon rc-heat rc-brand1
  • human interaction
    rc-icon rc-human-interaction rc-brand1
  • hunt
    rc-icon rc-hunt rc-brand1
  • incompatible
    rc-icon rc-incompatible rc-brand1
  • indoor outdoor
    rc-icon rc-indoor-outdoor rc-brand1
  • indoors
    rc-icon rc-indoors rc-brand1
  • low maintenance
    rc-icon rc-low-maintenance rc-brand1
  • need space
    rc-icon rc-need-space rc-brand1
  • no alone
    rc-icon rc-no-alone rc-brand1
  • no garden
    rc-icon rc-no-garden rc-brand1
  • outdoor
    rc-icon rc-outdoor rc-brand1
  • pairs
    rc-icon rc-pairs rc-brand1
  • patient
    rc-icon rc-patient rc-brand1
  • quiet home
    rc-icon rc-quiet-home rc-brand1
  • sm home
    rc-icon rc-sm-home rc-brand1
  • sporting
    rc-icon rc-sporting rc-brand1
  • startled
    rc-icon rc-startled rc-brand1
  • training
    rc-icon rc-training rc-brand1
  • versatile
    rc-icon rc-versatile rc-brand1
  • watchdog
    rc-icon rc-watchdog rc-brand1
  • attention
    rc-icon rc-attention rc-brand3
  • cat tree
    rc-icon rc-cat-tree rc-brand3
  • children
    rc-icon rc-children rc-brand3
  • deafness
    rc-icon rc-deafness rc-brand3
  • enjoys training
    rc-icon rc-enjoys-training rc-brand3
  • exercise
    rc-icon rc-exercise rc-brand3
  • experience
    rc-icon rc-experience rc-brand3
  • family
    rc-icon rc-family rc-brand3
  • first time
    rc-icon rc-first-time rc-brand3
  • friendly
    rc-icon rc-friendly rc-brand3
  • grooming
    rc-icon rc-grooming rc-brand3
  • guard dog
    rc-icon rc-guard-dog rc-brand3
  • heat
    rc-icon rc-heat rc-brand3
  • human interaction
    rc-icon rc-human-interaction rc-brand3
  • hunt
    rc-icon rc-hunt rc-brand3
  • incompatible
    rc-icon rc-incompatible rc-brand3
  • indoor outdoor
    rc-icon rc-indoor-outdoor rc-brand3
  • indoors
    rc-icon rc-indoors rc-brand3
  • low maintenance
    rc-icon rc-low-maintenance rc-brand3
  • need space
    rc-icon rc-need-space rc-brand3
  • no alone
    rc-icon rc-no-alone rc-brand3
  • no garden
    rc-icon rc-no-garden rc-brand3
  • outdoor
    rc-icon rc-outdoor rc-brand3
  • pairs
    rc-icon rc-pairs rc-brand3
  • patient
    rc-icon rc-patient rc-brand3
  • quiet home
    rc-icon rc-quiet-home rc-brand3
  • sm home
    rc-icon rc-sm-home rc-brand3
  • sporting
    rc-icon rc-sporting rc-brand3
  • startled
    rc-icon rc-startled rc-brand3
  • training
    rc-icon rc-training rc-brand3
  • versatile
    rc-icon rc-versatile rc-brand3
  • watchdog
    rc-icon rc-watchdog rc-brand3
  • attention
    rc-icon rc-attention rc-iconography
  • cat tree
    rc-icon rc-cat-tree rc-iconography
  • children
    rc-icon rc-children rc-iconography
  • deafness
    rc-icon rc-deafness rc-iconography
  • enjoys training
    rc-icon rc-enjoys-training rc-iconography
  • exercise
    rc-icon rc-exercise rc-iconography
  • experience
    rc-icon rc-experience rc-iconography
  • family
    rc-icon rc-family rc-iconography
  • first time
    rc-icon rc-first-time rc-iconography
  • friendly
    rc-icon rc-friendly rc-iconography
  • grooming
    rc-icon rc-grooming rc-iconography
  • guard dog
    rc-icon rc-guard-dog rc-iconography
  • heat
    rc-icon rc-heat rc-iconography
  • human interaction
    rc-icon rc-human-interaction rc-iconography
  • hunt
    rc-icon rc-hunt rc-iconography
  • incompatible
    rc-icon rc-incompatible rc-iconography
  • indoor outdoor
    rc-icon rc-indoor-outdoor rc-iconography
  • indoors
    rc-icon rc-indoors rc-iconography
  • low maintenance
    rc-icon rc-low-maintenance rc-iconography
  • need space
    rc-icon rc-need-space rc-iconography
  • no alone
    rc-icon rc-no-alone rc-iconography
  • no garden
    rc-icon rc-no-garden rc-iconography
  • outdoor
    rc-icon rc-outdoor rc-iconography
  • pairs
    rc-icon rc-pairs rc-iconography
  • patient
    rc-icon rc-patient rc-iconography
  • quiet home
    rc-icon rc-quiet-home rc-iconography
  • sm home
    rc-icon rc-sm-home rc-iconography
  • sporting
    rc-icon rc-sporting rc-iconography
  • startled
    rc-icon rc-startled rc-iconography
  • training
    rc-icon rc-training rc-iconography
  • versatile
    rc-icon rc-versatile rc-iconography
  • watchdog
    rc-icon rc-watchdog rc-iconography

Small 24px

  • attention
    rc-icon rc-attention--sm rc-brand1
  • cat tree
    rc-icon rc-cat-tree--sm rc-brand1
  • children
    rc-icon rc-children--sm rc-brand1
  • deafness
    rc-icon rc-deafness--sm rc-brand1
  • enjoys training
    rc-icon rc-enjoys-training--sm rc-brand1
  • exercise
    rc-icon rc-exercise--sm rc-brand1
  • experience
    rc-icon rc-experience--sm rc-brand1
  • family
    rc-icon rc-family--sm rc-brand1
  • first time
    rc-icon rc-first-time--sm rc-brand1
  • friendly
    rc-icon rc-friendly--sm rc-brand1
  • grooming
    rc-icon rc-grooming--sm rc-brand1
  • guard dog
    rc-icon rc-guard-dog--sm rc-brand1
  • heat
    rc-icon rc-heat--sm rc-brand1
  • human interaction
    rc-icon rc-human-interaction--sm rc-brand1
  • hunt
    rc-icon rc-hunt--sm rc-brand1
  • incompatible
    rc-icon rc-incompatible--sm rc-brand1
  • indoor outdoor
    rc-icon rc-indoor-outdoor--sm rc-brand1
  • indoors
    rc-icon rc-indoors--sm rc-brand1
  • low maintenance
    rc-icon rc-low-maintenance--sm rc-brand1
  • need space
    rc-icon rc-need-space--sm rc-brand1
  • no alone
    rc-icon rc-no-alone--sm rc-brand1
  • no garden
    rc-icon rc-no-garden--sm rc-brand1
  • outdoor
    rc-icon rc-outdoor--sm rc-brand1
  • pairs
    rc-icon rc-pairs--sm rc-brand1
  • patient
    rc-icon rc-patient--sm rc-brand1
  • quiet home
    rc-icon rc-quiet-home--sm rc-brand1
  • sm home
    rc-icon rc-sm-home--sm rc-brand1
  • sporting
    rc-icon rc-sporting--sm rc-brand1
  • startled
    rc-icon rc-startled--sm rc-brand1
  • training
    rc-icon rc-training--sm rc-brand1
  • versatile
    rc-icon rc-versatile--sm rc-brand1
  • watchdog
    rc-icon rc-watchdog--sm rc-brand1
  • attention
    rc-icon rc-attention--sm rc-brand3
  • cat tree
    rc-icon rc-cat-tree--sm rc-brand3
  • children
    rc-icon rc-children--sm rc-brand3
  • deafness
    rc-icon rc-deafness--sm rc-brand3
  • enjoys training
    rc-icon rc-enjoys-training--sm rc-brand3
  • exercise
    rc-icon rc-exercise--sm rc-brand3
  • experience
    rc-icon rc-experience--sm rc-brand3
  • family
    rc-icon rc-family--sm rc-brand3
  • first time
    rc-icon rc-first-time--sm rc-brand3
  • friendly
    rc-icon rc-friendly--sm rc-brand3
  • grooming
    rc-icon rc-grooming--sm rc-brand3
  • guard dog
    rc-icon rc-guard-dog--sm rc-brand3
  • heat
    rc-icon rc-heat--sm rc-brand3
  • human interaction
    rc-icon rc-human-interaction--sm rc-brand3
  • hunt
    rc-icon rc-hunt--sm rc-brand3
  • incompatible
    rc-icon rc-incompatible--sm rc-brand3
  • indoor outdoor
    rc-icon rc-indoor-outdoor--sm rc-brand3
  • indoors
    rc-icon rc-indoors--sm rc-brand3
  • low maintenance
    rc-icon rc-low-maintenance--sm rc-brand3
  • need space
    rc-icon rc-need-space--sm rc-brand3
  • no alone
    rc-icon rc-no-alone--sm rc-brand3
  • no garden
    rc-icon rc-no-garden--sm rc-brand3
  • outdoor
    rc-icon rc-outdoor--sm rc-brand3
  • pairs
    rc-icon rc-pairs--sm rc-brand3
  • patient
    rc-icon rc-patient--sm rc-brand3
  • quiet home
    rc-icon rc-quiet-home--sm rc-brand3
  • sm home
    rc-icon rc-sm-home--sm rc-brand3
  • sporting
    rc-icon rc-sporting--sm rc-brand3
  • startled
    rc-icon rc-startled--sm rc-brand3
  • training
    rc-icon rc-training--sm rc-brand3
  • versatile
    rc-icon rc-versatile--sm rc-brand3
  • watchdog
    rc-icon rc-watchdog--sm rc-brand3
  • attention
    rc-icon rc-attention--sm rc-iconography
  • cat tree
    rc-icon rc-cat-tree--sm rc-iconography
  • children
    rc-icon rc-children--sm rc-iconography
  • deafness
    rc-icon rc-deafness--sm rc-iconography
  • enjoys training
    rc-icon rc-enjoys-training--sm rc-iconography
  • exercise
    rc-icon rc-exercise--sm rc-iconography
  • experience
    rc-icon rc-experience--sm rc-iconography
  • family
    rc-icon rc-family--sm rc-iconography
  • first time
    rc-icon rc-first-time--sm rc-iconography
  • friendly
    rc-icon rc-friendly--sm rc-iconography
  • grooming
    rc-icon rc-grooming--sm rc-iconography
  • guard dog
    rc-icon rc-guard-dog--sm rc-iconography
  • heat
    rc-icon rc-heat--sm rc-iconography
  • human interaction
    rc-icon rc-human-interaction--sm rc-iconography
  • hunt
    rc-icon rc-hunt--sm rc-iconography
  • incompatible
    rc-icon rc-incompatible--sm rc-iconography
  • indoor outdoor
    rc-icon rc-indoor-outdoor--sm rc-iconography
  • indoors
    rc-icon rc-indoors--sm rc-iconography
  • low maintenance
    rc-icon rc-low-maintenance--sm rc-iconography
  • need space
    rc-icon rc-need-space--sm rc-iconography
  • no alone
    rc-icon rc-no-alone--sm rc-iconography
  • no garden
    rc-icon rc-no-garden--sm rc-iconography
  • outdoor
    rc-icon rc-outdoor--sm rc-iconography
  • pairs
    rc-icon rc-pairs--sm rc-iconography
  • patient
    rc-icon rc-patient--sm rc-iconography
  • quiet home
    rc-icon rc-quiet-home--sm rc-iconography
  • sm home
    rc-icon rc-sm-home--sm rc-iconography
  • sporting
    rc-icon rc-sporting--sm rc-iconography
  • startled
    rc-icon rc-startled--sm rc-iconography
  • training
    rc-icon rc-training--sm rc-iconography
  • versatile
    rc-icon rc-versatile--sm rc-iconography
  • watchdog
    rc-icon rc-watchdog--sm rc-iconography

Extra small 16px

  • attention
    rc-icon rc-attention--xs rc-brand1
  • cat tree
    rc-icon rc-cat-tree--xs rc-brand1
  • children
    rc-icon rc-children--xs rc-brand1
  • deafness
    rc-icon rc-deafness--xs rc-brand1
  • enjoys training
    rc-icon rc-enjoys-training--xs rc-brand1
  • exercise
    rc-icon rc-exercise--xs rc-brand1
  • experience
    rc-icon rc-experience--xs rc-brand1
  • family
    rc-icon rc-family--xs rc-brand1
  • first time
    rc-icon rc-first-time--xs rc-brand1
  • friendly
    rc-icon rc-friendly--xs rc-brand1
  • grooming
    rc-icon rc-grooming--xs rc-brand1
  • guard dog
    rc-icon rc-guard-dog--xs rc-brand1
  • heat
    rc-icon rc-heat--xs rc-brand1
  • human interaction
    rc-icon rc-human-interaction--xs rc-brand1
  • hunt
    rc-icon rc-hunt--xs rc-brand1
  • incompatible
    rc-icon rc-incompatible--xs rc-brand1
  • indoor outdoor
    rc-icon rc-indoor-outdoor--xs rc-brand1
  • indoors
    rc-icon rc-indoors--xs rc-brand1
  • low maintenance
    rc-icon rc-low-maintenance--xs rc-brand1
  • need space
    rc-icon rc-need-space--xs rc-brand1
  • no alone
    rc-icon rc-no-alone--xs rc-brand1
  • no garden
    rc-icon rc-no-garden--xs rc-brand1
  • outdoor
    rc-icon rc-outdoor--xs rc-brand1
  • pairs
    rc-icon rc-pairs--xs rc-brand1
  • patient
    rc-icon rc-patient--xs rc-brand1
  • quiet home
    rc-icon rc-quiet-home--xs rc-brand1
  • sm home
    rc-icon rc-sm-home--xs rc-brand1
  • sporting
    rc-icon rc-sporting--xs rc-brand1
  • startled
    rc-icon rc-startled--xs rc-brand1
  • training
    rc-icon rc-training--xs rc-brand1
  • versatile
    rc-icon rc-versatile--xs rc-brand1
  • watchdog
    rc-icon rc-watchdog--xs rc-brand1
  • attention
    rc-icon rc-attention--xs rc-brand3
  • cat tree
    rc-icon rc-cat-tree--xs rc-brand3
  • children
    rc-icon rc-children--xs rc-brand3
  • deafness
    rc-icon rc-deafness--xs rc-brand3
  • enjoys training
    rc-icon rc-enjoys-training--xs rc-brand3
  • exercise
    rc-icon rc-exercise--xs rc-brand3
  • experience
    rc-icon rc-experience--xs rc-brand3
  • family
    rc-icon rc-family--xs rc-brand3
  • first time
    rc-icon rc-first-time--xs rc-brand3
  • friendly
    rc-icon rc-friendly--xs rc-brand3
  • grooming
    rc-icon rc-grooming--xs rc-brand3
  • guard dog
    rc-icon rc-guard-dog--xs rc-brand3
  • heat
    rc-icon rc-heat--xs rc-brand3
  • human interaction
    rc-icon rc-human-interaction--xs rc-brand3
  • hunt
    rc-icon rc-hunt--xs rc-brand3
  • incompatible
    rc-icon rc-incompatible--xs rc-brand3
  • indoor outdoor
    rc-icon rc-indoor-outdoor--xs rc-brand3
  • indoors
    rc-icon rc-indoors--xs rc-brand3
  • low maintenance
    rc-icon rc-low-maintenance--xs rc-brand3
  • need space
    rc-icon rc-need-space--xs rc-brand3
  • no alone
    rc-icon rc-no-alone--xs rc-brand3
  • no garden
    rc-icon rc-no-garden--xs rc-brand3
  • outdoor
    rc-icon rc-outdoor--xs rc-brand3
  • pairs
    rc-icon rc-pairs--xs rc-brand3
  • patient
    rc-icon rc-patient--xs rc-brand3
  • quiet home
    rc-icon rc-quiet-home--xs rc-brand3
  • sm home
    rc-icon rc-sm-home--xs rc-brand3
  • sporting
    rc-icon rc-sporting--xs rc-brand3
  • startled
    rc-icon rc-startled--xs rc-brand3
  • training
    rc-icon rc-training--xs rc-brand3
  • versatile
    rc-icon rc-versatile--xs rc-brand3
  • watchdog
    rc-icon rc-watchdog--xs rc-brand3
  • attention
    rc-icon rc-attention--xs rc-iconography
  • cat tree
    rc-icon rc-cat-tree--xs rc-iconography
  • children
    rc-icon rc-children--xs rc-iconography
  • deafness
    rc-icon rc-deafness--xs rc-iconography
  • enjoys training
    rc-icon rc-enjoys-training--xs rc-iconography
  • exercise
    rc-icon rc-exercise--xs rc-iconography
  • experience
    rc-icon rc-experience--xs rc-iconography
  • family
    rc-icon rc-family--xs rc-iconography
  • first time
    rc-icon rc-first-time--xs rc-iconography
  • friendly
    rc-icon rc-friendly--xs rc-iconography
  • grooming
    rc-icon rc-grooming--xs rc-iconography
  • guard dog
    rc-icon rc-guard-dog--xs rc-iconography
  • heat
    rc-icon rc-heat--xs rc-iconography
  • human interaction
    rc-icon rc-human-interaction--xs rc-iconography
  • hunt
    rc-icon rc-hunt--xs rc-iconography
  • incompatible
    rc-icon rc-incompatible--xs rc-iconography
  • indoor outdoor
    rc-icon rc-indoor-outdoor--xs rc-iconography
  • indoors
    rc-icon rc-indoors--xs rc-iconography
  • low maintenance
    rc-icon rc-low-maintenance--xs rc-iconography
  • need space
    rc-icon rc-need-space--xs rc-iconography
  • no alone
    rc-icon rc-no-alone--xs rc-iconography
  • no garden
    rc-icon rc-no-garden--xs rc-iconography
  • outdoor
    rc-icon rc-outdoor--xs rc-iconography
  • pairs
    rc-icon rc-pairs--xs rc-iconography
  • patient
    rc-icon rc-patient--xs rc-iconography
  • quiet home
    rc-icon rc-quiet-home--xs rc-iconography
  • sm home
    rc-icon rc-sm-home--xs rc-iconography
  • sporting
    rc-icon rc-sporting--xs rc-iconography
  • startled
    rc-icon rc-startled--xs rc-iconography
  • training
    rc-icon rc-training--xs rc-iconography
  • versatile
    rc-icon rc-versatile--xs rc-iconography
  • watchdog
    rc-icon rc-watchdog--xs rc-iconography

Default 32px

  • bag
    rc-icon rc-bag rc-brand1
  • basket
    rc-icon rc-basket rc-brand1
  • cart
    rc-icon rc-cart rc-brand1
  • food
    rc-icon rc-food rc-brand1
  • food2
    rc-icon rc-food2 rc-brand1
  • groomer
    rc-icon rc-groomer rc-brand1
  • health
    rc-icon rc-health rc-brand1
  • home
    rc-icon rc-home rc-brand1
  • knowledge
    rc-icon rc-knowledge rc-brand1
  • nutritional
    rc-icon rc-nutritional rc-brand1
  • pharmacy
    rc-icon rc-pharmacy rc-brand1
  • sustainable
    rc-icon rc-sustainable rc-brand1
  • vet
    rc-icon rc-vet rc-brand1
  • weight
    rc-icon rc-weight rc-brand1
  • bag
    rc-icon rc-bag rc-brand3
  • basket
    rc-icon rc-basket rc-brand3
  • cart
    rc-icon rc-cart rc-brand3
  • food
    rc-icon rc-food rc-brand3
  • food2
    rc-icon rc-food2 rc-brand3
  • groomer
    rc-icon rc-groomer rc-brand3
  • health
    rc-icon rc-health rc-brand3
  • home
    rc-icon rc-home rc-brand3
  • knowledge
    rc-icon rc-knowledge rc-brand3
  • nutritional
    rc-icon rc-nutritional rc-brand3
  • pharmacy
    rc-icon rc-pharmacy rc-brand3
  • sustainable
    rc-icon rc-sustainable rc-brand3
  • vet
    rc-icon rc-vet rc-brand3
  • weight
    rc-icon rc-weight rc-brand3
  • bag
    rc-icon rc-bag rc-iconography
  • basket
    rc-icon rc-basket rc-iconography
  • cart
    rc-icon rc-cart rc-iconography
  • food
    rc-icon rc-food rc-iconography
  • food2
    rc-icon rc-food2 rc-iconography
  • groomer
    rc-icon rc-groomer rc-iconography
  • health
    rc-icon rc-health rc-iconography
  • home
    rc-icon rc-home rc-iconography
  • knowledge
    rc-icon rc-knowledge rc-iconography
  • nutritional
    rc-icon rc-nutritional rc-iconography
  • pharmacy
    rc-icon rc-pharmacy rc-iconography
  • sustainable
    rc-icon rc-sustainable rc-iconography
  • vet
    rc-icon rc-vet rc-iconography
  • weight
    rc-icon rc-weight rc-iconography

Small 24px

  • basket
    rc-icon rc-basket--sm rc-brand1
  • cart
    rc-icon rc-cart--sm rc-brand1
  • basket
    rc-icon rc-basket--sm rc-brand3
  • cart
    rc-icon rc-cart--sm rc-brand3
  • basket
    rc-icon rc-basket--sm rc-iconography
  • cart
    rc-icon rc-cart--sm rc-iconography

Extra small 16px

  • bag
    rc-icon rc-bag--xs rc-brand1
  • basket
    rc-icon rc-basket--xs rc-brand1
  • cart
    rc-icon rc-cart--xs rc-brand1
  • food
    rc-icon rc-food--xs rc-brand1
  • food2
    rc-icon rc-food2--xs rc-brand1
  • groomer
    rc-icon rc-groomer--xs rc-brand1
  • health
    rc-icon rc-health--xs rc-brand1
  • home
    rc-icon rc-home--xs rc-brand1
  • knowledge
    rc-icon rc-knowledge--xs rc-brand1
  • nutritional
    rc-icon rc-nutritional--xs rc-brand1
  • pharmacy
    rc-icon rc-pharmacy--xs rc-brand1
  • sustainable
    rc-icon rc-sustainable--xs rc-brand1
  • vet
    rc-icon rc-vet--xs rc-brand1
  • weight
    rc-icon rc-weight--xs rc-brand1
  • bag
    rc-icon rc-bag--xs rc-brand3
  • basket
    rc-icon rc-basket--xs rc-brand3
  • cart
    rc-icon rc-cart--xs rc-brand3
  • food
    rc-icon rc-food--xs rc-brand3
  • food2
    rc-icon rc-food2--xs rc-brand3
  • groomer
    rc-icon rc-groomer--xs rc-brand3
  • health
    rc-icon rc-health--xs rc-brand3
  • home
    rc-icon rc-home--xs rc-brand3
  • knowledge
    rc-icon rc-knowledge--xs rc-brand3
  • nutritional
    rc-icon rc-nutritional--xs rc-brand3
  • pharmacy
    rc-icon rc-pharmacy--xs rc-brand3
  • sustainable
    rc-icon rc-sustainable--xs rc-brand3
  • vet
    rc-icon rc-vet--xs rc-brand3
  • weight
    rc-icon rc-weight--xs rc-brand3
  • bag
    rc-icon rc-bag--xs rc-iconography
  • basket
    rc-icon rc-basket--xs rc-iconography
  • cart
    rc-icon rc-cart--xs rc-iconography
  • food
    rc-icon rc-food--xs rc-iconography
  • food2
    rc-icon rc-food2--xs rc-iconography
  • groomer
    rc-icon rc-groomer--xs rc-iconography
  • health
    rc-icon rc-health--xs rc-iconography
  • home
    rc-icon rc-home--xs rc-iconography
  • knowledge
    rc-icon rc-knowledge--xs rc-iconography
  • nutritional
    rc-icon rc-nutritional--xs rc-iconography
  • pharmacy
    rc-icon rc-pharmacy--xs rc-iconography
  • sustainable
    rc-icon rc-sustainable--xs rc-iconography
  • vet
    rc-icon rc-vet--xs rc-iconography
  • weight
    rc-icon rc-weight--xs rc-iconography

Default 32px

  • actions
    rc-icon rc-actions rc-brand1
  • address
    rc-icon rc-address rc-brand1
  • advice
    rc-icon rc-advice rc-brand1
  • arrow
    rc-icon rc-arrow rc-brand1
  • attachment
    rc-icon rc-attachment rc-brand1
  • bookmark
    rc-icon rc-bookmark rc-brand1
  • calendar
    rc-icon rc-calendar rc-brand1
  • clock
    rc-icon rc-clock rc-brand1
  • close
    rc-icon rc-close rc-brand1
  • comment
    rc-icon rc-comment rc-brand1
  • computer
    rc-icon rc-computer rc-brand1
  • documents
    rc-icon rc-documents rc-brand1
  • down
    rc-icon rc-down rc-brand1
  • edit
    rc-icon rc-edit rc-brand1
  • email
    rc-icon rc-email rc-brand1
  • external
    rc-icon rc-external rc-brand1
  • female
    rc-icon rc-female rc-brand1
  • filter
    rc-icon rc-filter rc-brand1
  • forward
    rc-icon rc-forward rc-brand1
  • grid view
    rc-icon rc-grid-view rc-brand1
  • help
    rc-icon rc-help rc-brand1
  • hide
    rc-icon rc-hide rc-brand1
  • image
    rc-icon rc-image rc-brand1
  • info
    rc-icon rc-info rc-brand1
  • left
    rc-icon rc-left rc-brand1
  • like
    rc-icon rc-like rc-brand1
  • list view
    rc-icon rc-list-view rc-brand1
  • loading
    rc-icon rc-loading rc-brand1
  • location
    rc-icon rc-location rc-brand1
  • location2
    rc-icon rc-location2 rc-brand1
  • lock
    rc-icon rc-lock rc-brand1
  • male
    rc-icon rc-male rc-brand1
  • menu
    rc-icon rc-menu rc-brand1
  • minus
    rc-icon rc-minus rc-brand1
  • mobile
    rc-icon rc-mobile rc-brand1
  • mouse
    rc-icon rc-mouse rc-brand1
  • news
    rc-icon rc-news rc-brand1
  • pdf
    rc-icon rc-pdf rc-brand1
  • pin
    rc-icon rc-pin rc-brand1
  • plus
    rc-icon rc-plus rc-brand1
  • print
    rc-icon rc-print rc-brand1
  • quality
    rc-icon rc-quality rc-brand1
  • rate fill
    rc-icon rc-rate-fill rc-brand1
  • rate
    rc-icon rc-rate rc-brand1
  • refresh
    rc-icon rc-refresh rc-brand1
  • right
    rc-icon rc-right rc-brand1
  • rss
    rc-icon rc-rss rc-brand1
  • search
  • settings
    rc-icon rc-settings rc-brand1
  • share
    rc-icon rc-share rc-brand1
  • shelter
    rc-icon rc-shelter rc-brand1
  • shop
    rc-icon rc-shop rc-brand1
  • show
    rc-icon rc-show rc-brand1
  • tablet
    rc-icon rc-tablet rc-brand1
  • text decrease
    rc-icon rc-text-decrease rc-brand1
  • text increase
    rc-icon rc-text-increase rc-brand1
  • unlock
    rc-icon rc-unlock rc-brand1
  • up
    rc-icon rc-up rc-brand1
  • user add
    rc-icon rc-user-add rc-brand1
  • user
    rc-icon rc-user rc-brand1
  • video
    rc-icon rc-video rc-brand1
  • actions
    rc-icon rc-actions rc-brand3
  • address
    rc-icon rc-address rc-brand3
  • advice
    rc-icon rc-advice rc-brand3
  • arrow
    rc-icon rc-arrow rc-brand3
  • attachment
    rc-icon rc-attachment rc-brand3
  • bookmark
    rc-icon rc-bookmark rc-brand3
  • calendar
    rc-icon rc-calendar rc-brand3
  • clock
    rc-icon rc-clock rc-brand3
  • close
    rc-icon rc-close rc-brand3
  • comment
    rc-icon rc-comment rc-brand3
  • computer
    rc-icon rc-computer rc-brand3
  • documents
    rc-icon rc-documents rc-brand3
  • down
    rc-icon rc-down rc-brand3
  • edit
    rc-icon rc-edit rc-brand3
  • email
    rc-icon rc-email rc-brand3
  • external
    rc-icon rc-external rc-brand3
  • female
    rc-icon rc-female rc-brand3
  • filter
    rc-icon rc-filter rc-brand3
  • forward
    rc-icon rc-forward rc-brand3
  • grid view
    rc-icon rc-grid-view rc-brand3
  • help
    rc-icon rc-help rc-brand3
  • hide
    rc-icon rc-hide rc-brand3
  • image
    rc-icon rc-image rc-brand3
  • info
    rc-icon rc-info rc-brand3
  • left
    rc-icon rc-left rc-brand3
  • like
    rc-icon rc-like rc-brand3
  • list view
    rc-icon rc-list-view rc-brand3
  • loading
    rc-icon rc-loading rc-brand3
  • location
    rc-icon rc-location rc-brand3
  • location2
    rc-icon rc-location2 rc-brand3
  • lock
    rc-icon rc-lock rc-brand3
  • male
    rc-icon rc-male rc-brand3
  • menu
    rc-icon rc-menu rc-brand3
  • minus
    rc-icon rc-minus rc-brand3
  • mobile
    rc-icon rc-mobile rc-brand3
  • mouse
    rc-icon rc-mouse rc-brand3
  • news
    rc-icon rc-news rc-brand3
  • pdf
    rc-icon rc-pdf rc-brand3
  • pin
    rc-icon rc-pin rc-brand3
  • plus
    rc-icon rc-plus rc-brand3
  • print
    rc-icon rc-print rc-brand3
  • quality
    rc-icon rc-quality rc-brand3
  • rate fill
    rc-icon rc-rate-fill rc-brand3
  • rate
    rc-icon rc-rate rc-brand3
  • refresh
    rc-icon rc-refresh rc-brand3
  • right
    rc-icon rc-right rc-brand3
  • rss
    rc-icon rc-rss rc-brand3
  • search
  • settings
    rc-icon rc-settings rc-brand3
  • share
    rc-icon rc-share rc-brand3
  • shelter
    rc-icon rc-shelter rc-brand3
  • shop
    rc-icon rc-shop rc-brand3
  • show
    rc-icon rc-show rc-brand3
  • tablet
    rc-icon rc-tablet rc-brand3
  • text decrease
    rc-icon rc-text-decrease rc-brand3
  • text increase
    rc-icon rc-text-increase rc-brand3
  • unlock
    rc-icon rc-unlock rc-brand3
  • up
    rc-icon rc-up rc-brand3
  • user add
    rc-icon rc-user-add rc-brand3
  • user
    rc-icon rc-user rc-brand3
  • video
    rc-icon rc-video rc-brand3
  • actions
    rc-icon rc-actions rc-iconography
  • address
    rc-icon rc-address rc-iconography
  • advice
    rc-icon rc-advice rc-iconography
  • arrow
    rc-icon rc-arrow rc-iconography
  • attachment
    rc-icon rc-attachment rc-iconography
  • bookmark
    rc-icon rc-bookmark rc-iconography
  • calendar
    rc-icon rc-calendar rc-iconography
  • clock
    rc-icon rc-clock rc-iconography
  • close
    rc-icon rc-close rc-iconography
  • comment
    rc-icon rc-comment rc-iconography
  • computer
    rc-icon rc-computer rc-iconography
  • documents
    rc-icon rc-documents rc-iconography
  • down
    rc-icon rc-down rc-iconography
  • edit
    rc-icon rc-edit rc-iconography
  • email
    rc-icon rc-email rc-iconography
  • external
    rc-icon rc-external rc-iconography
  • female
    rc-icon rc-female rc-iconography
  • filter
    rc-icon rc-filter rc-iconography
  • forward
    rc-icon rc-forward rc-iconography
  • grid view
    rc-icon rc-grid-view rc-iconography
  • help
    rc-icon rc-help rc-iconography
  • hide
    rc-icon rc-hide rc-iconography
  • image
    rc-icon rc-image rc-iconography
  • info
    rc-icon rc-info rc-iconography
  • left
    rc-icon rc-left rc-iconography
  • like
    rc-icon rc-like rc-iconography
  • list view
    rc-icon rc-list-view rc-iconography
  • loading
    rc-icon rc-loading rc-iconography
  • location
    rc-icon rc-location rc-iconography
  • location2
    rc-icon rc-location2 rc-iconography
  • lock
    rc-icon rc-lock rc-iconography
  • male
    rc-icon rc-male rc-iconography
  • menu
    rc-icon rc-menu rc-iconography
  • minus
    rc-icon rc-minus rc-iconography
  • mobile
    rc-icon rc-mobile rc-iconography
  • mouse
    rc-icon rc-mouse rc-iconography
  • news
    rc-icon rc-news rc-iconography
  • pdf
    rc-icon rc-pdf rc-iconography
  • pin
    rc-icon rc-pin rc-iconography
  • plus
    rc-icon rc-plus rc-iconography
  • print
    rc-icon rc-print rc-iconography
  • quality
    rc-icon rc-quality rc-iconography
  • rate fill
    rc-icon rc-rate-fill rc-iconography
  • rate
    rc-icon rc-rate rc-iconography
  • refresh
    rc-icon rc-refresh rc-iconography
  • right
    rc-icon rc-right rc-iconography
  • rss
    rc-icon rc-rss rc-iconography
  • search
  • settings
    rc-icon rc-settings rc-iconography
  • share
    rc-icon rc-share rc-iconography
  • shelter
    rc-icon rc-shelter rc-iconography
  • shop
    rc-icon rc-shop rc-iconography
  • show
    rc-icon rc-show rc-iconography
  • tablet
    rc-icon rc-tablet rc-iconography
  • text decrease
    rc-icon rc-text-decrease rc-iconography
  • text increase
    rc-icon rc-text-increase rc-iconography
  • unlock
    rc-icon rc-unlock rc-iconography
  • up
    rc-icon rc-up rc-iconography
  • user add
    rc-icon rc-user-add rc-iconography
  • user
    rc-icon rc-user rc-iconography
  • video
    rc-icon rc-video rc-iconography

Small 24px

  • advice
    rc-icon rc-advice--sm rc-brand1
  • close
    rc-icon rc-close--sm rc-brand1
  • confirmation
    rc-icon rc-confirmation--sm rc-brand1
  • delivery
    rc-icon rc-delivery--sm rc-brand1
  • email
    rc-icon rc-email--sm rc-brand1
  • grid view
    rc-icon rc-grid-view--sm rc-brand1
  • list view
    rc-icon rc-list-view--sm rc-brand1
  • menu
    rc-icon rc-menu--sm rc-brand1
  • payment
    rc-icon rc-payment--sm rc-brand1
  • pin
    rc-icon rc-pin--sm rc-brand1
  • search
    rc-icon rc-search--sm rc-brand1
  • user
    rc-icon rc-user--sm rc-brand1
  • advice
    rc-icon rc-advice--sm rc-brand3
  • close
    rc-icon rc-close--sm rc-brand3
  • confirmation
    rc-icon rc-confirmation--sm rc-brand3
  • delivery
    rc-icon rc-delivery--sm rc-brand3
  • email
    rc-icon rc-email--sm rc-brand3
  • grid view
    rc-icon rc-grid-view--sm rc-brand3
  • list view
    rc-icon rc-list-view--sm rc-brand3
  • menu
    rc-icon rc-menu--sm rc-brand3
  • payment
    rc-icon rc-payment--sm rc-brand3
  • pin
    rc-icon rc-pin--sm rc-brand3
  • search
    rc-icon rc-search--sm rc-brand3
  • user
    rc-icon rc-user--sm rc-brand3
  • advice
    rc-icon rc-advice--sm rc-iconography
  • close
    rc-icon rc-close--sm rc-iconography
  • confirmation
    rc-icon rc-confirmation--sm rc-iconography
  • delivery
    rc-icon rc-delivery--sm rc-iconography
  • email
    rc-icon rc-email--sm rc-iconography
  • grid view
    rc-icon rc-grid-view--sm rc-iconography
  • list view
    rc-icon rc-list-view--sm rc-iconography
  • menu
    rc-icon rc-menu--sm rc-iconography
  • payment
    rc-icon rc-payment--sm rc-iconography
  • pin
    rc-icon rc-pin--sm rc-iconography
  • search
    rc-icon rc-search--sm rc-iconography
  • user
    rc-icon rc-user--sm rc-iconography

Extra small 16px

  • actions
    rc-icon rc-actions--xs rc-brand1
  • address
    rc-icon rc-address--xs rc-brand1
  • advice
    rc-icon rc-advice--xs rc-brand1
  • arrow
    rc-icon rc-arrow--xs rc-brand1
  • attachment
    rc-icon rc-attachment--xs rc-brand1
  • bookmark
    rc-icon rc-bookmark--xs rc-brand1
  • calendar
    rc-icon rc-calendar--xs rc-brand1
  • clock
    rc-icon rc-clock--xs rc-brand1
  • close
    rc-icon rc-close--xs rc-brand1
  • comment
    rc-icon rc-comment--xs rc-brand1
  • computer
    rc-icon rc-computer--xs rc-brand1
  • documents
    rc-icon rc-documents--xs rc-brand1
  • down
    rc-icon rc-down--xs rc-brand1
  • edit
    rc-icon rc-edit--xs rc-brand1
  • email
    rc-icon rc-email--xs rc-brand1
  • external
    rc-icon rc-external--xs rc-brand1
  • female
    rc-icon rc-female--xs rc-brand1
  • filter
    rc-icon rc-filter--xs rc-brand1
  • forward
    rc-icon rc-forward--xs rc-brand1
  • grid view
    rc-icon rc-grid-view--xs rc-brand1
  • help
    rc-icon rc-help--xs rc-brand1
  • hide
    rc-icon rc-hide--xs rc-brand1
  • image
    rc-icon rc-image--xs rc-brand1
  • info
    rc-icon rc-info--xs rc-brand1
  • left
    rc-icon rc-left--xs rc-brand1
  • like
    rc-icon rc-like--xs rc-brand1
  • list view
    rc-icon rc-list-view--xs rc-brand1
  • loading
    rc-icon rc-loading--xs rc-brand1
  • location
    rc-icon rc-location--xs rc-brand1
  • location2
    rc-icon rc-location2--xs rc-brand1
  • lock
    rc-icon rc-lock--xs rc-brand1
  • male
    rc-icon rc-male--xs rc-brand1
  • menu
    rc-icon rc-menu--xs rc-brand1
  • minus
    rc-icon rc-minus--xs rc-brand1
  • mobile
    rc-icon rc-mobile--xs rc-brand1
  • mouse
    rc-icon rc-mouse--xs rc-brand1
  • news
    rc-icon rc-news--xs rc-brand1
  • pdf
    rc-icon rc-pdf--xs rc-brand1
  • pin
    rc-icon rc-pin--xs rc-brand1
  • plus
    rc-icon rc-plus--xs rc-brand1
  • print
    rc-icon rc-print--xs rc-brand1
  • quality
    rc-icon rc-quality--xs rc-brand1
  • rate
    rc-icon rc-rate--xs rc-brand1
  • rate fill
    rc-icon rc-rate-fill--xs rc-brand1
  • refresh
    rc-icon rc-refresh--xs rc-brand1
  • right
    rc-icon rc-right--xs rc-brand1
  • rss
    rc-icon rc-rss--xs rc-brand1
  • search
    rc-icon rc-search--xs rc-brand1
  • settings
    rc-icon rc-settings--xs rc-brand1
  • share
    rc-icon rc-share--xs rc-brand1
  • shelter
    rc-icon rc-shelter--xs rc-brand1
  • shop
    rc-icon rc-shop--xs rc-brand1
  • show
    rc-icon rc-show--xs rc-brand1
  • tablet
    rc-icon rc-tablet--xs rc-brand1
  • text decrease
    rc-icon rc-text-decrease--xs rc-brand1
  • text increase
    rc-icon rc-text-increase--xs rc-brand1
  • tick
    rc-icon rc-tick--xs rc-brand1
  • unlock
    rc-icon rc-unlock--xs rc-brand1
  • up
    rc-icon rc-up--xs rc-brand1
  • user
    rc-icon rc-user--xs rc-brand1
  • user add
    rc-icon rc-user-add--xs rc-brand1
  • video
    rc-icon rc-video--xs rc-brand1
  • actions
    rc-icon rc-actions--xs rc-brand3
  • address
    rc-icon rc-address--xs rc-brand3
  • advice
    rc-icon rc-advice--xs rc-brand3
  • arrow
    rc-icon rc-arrow--xs rc-brand3
  • attachment
    rc-icon rc-attachment--xs rc-brand3
  • bookmark
    rc-icon rc-bookmark--xs rc-brand3
  • calendar
    rc-icon rc-calendar--xs rc-brand3
  • clock
    rc-icon rc-clock--xs rc-brand3
  • close
    rc-icon rc-close--xs rc-brand3
  • comment
    rc-icon rc-comment--xs rc-brand3
  • computer
    rc-icon rc-computer--xs rc-brand3
  • documents
    rc-icon rc-documents--xs rc-brand3
  • down
    rc-icon rc-down--xs rc-brand3
  • edit
    rc-icon rc-edit--xs rc-brand3
  • email
    rc-icon rc-email--xs rc-brand3
  • external
    rc-icon rc-external--xs rc-brand3
  • female
    rc-icon rc-female--xs rc-brand3
  • filter
    rc-icon rc-filter--xs rc-brand3
  • forward
    rc-icon rc-forward--xs rc-brand3
  • grid view
    rc-icon rc-grid-view--xs rc-brand3
  • help
    rc-icon rc-help--xs rc-brand3
  • hide
    rc-icon rc-hide--xs rc-brand3
  • image
    rc-icon rc-image--xs rc-brand3
  • info
    rc-icon rc-info--xs rc-brand3
  • left
    rc-icon rc-left--xs rc-brand3
  • like
    rc-icon rc-like--xs rc-brand3
  • list view
    rc-icon rc-list-view--xs rc-brand3
  • loading
    rc-icon rc-loading--xs rc-brand3
  • location
    rc-icon rc-location--xs rc-brand3
  • location2
    rc-icon rc-location2--xs rc-brand3
  • lock
    rc-icon rc-lock--xs rc-brand3
  • male
    rc-icon rc-male--xs rc-brand3
  • menu
    rc-icon rc-menu--xs rc-brand3
  • minus
    rc-icon rc-minus--xs rc-brand3
  • mobile
    rc-icon rc-mobile--xs rc-brand3
  • mouse
    rc-icon rc-mouse--xs rc-brand3
  • news
    rc-icon rc-news--xs rc-brand3
  • pdf
    rc-icon rc-pdf--xs rc-brand3
  • pin
    rc-icon rc-pin--xs rc-brand3
  • plus
    rc-icon rc-plus--xs rc-brand3
  • print
    rc-icon rc-print--xs rc-brand3
  • quality
    rc-icon rc-quality--xs rc-brand3
  • rate
    rc-icon rc-rate--xs rc-brand3
  • rate fill
    rc-icon rc-rate-fill--xs rc-brand3
  • refresh
    rc-icon rc-refresh--xs rc-brand3
  • right
    rc-icon rc-right--xs rc-brand3
  • rss
    rc-icon rc-rss--xs rc-brand3
  • search
    rc-icon rc-search--xs rc-brand3
  • settings
    rc-icon rc-settings--xs rc-brand3
  • share
    rc-icon rc-share--xs rc-brand3
  • shelter
    rc-icon rc-shelter--xs rc-brand3
  • shop
    rc-icon rc-shop--xs rc-brand3
  • show
    rc-icon rc-show--xs rc-brand3
  • tablet
    rc-icon rc-tablet--xs rc-brand3
  • text decrease
    rc-icon rc-text-decrease--xs rc-brand3
  • text increase
    rc-icon rc-text-increase--xs rc-brand3
  • tick
    rc-icon rc-tick--xs rc-brand3
  • unlock
    rc-icon rc-unlock--xs rc-brand3
  • up
    rc-icon rc-up--xs rc-brand3
  • user
    rc-icon rc-user--xs rc-brand3
  • user add
    rc-icon rc-user-add--xs rc-brand3
  • video
    rc-icon rc-video--xs rc-brand3
  • actions
    rc-icon rc-actions--xs rc-iconography
  • address
    rc-icon rc-address--xs rc-iconography
  • advice
    rc-icon rc-advice--xs rc-iconography
  • arrow
    rc-icon rc-arrow--xs rc-iconography
  • attachment
    rc-icon rc-attachment--xs rc-iconography
  • bookmark
    rc-icon rc-bookmark--xs rc-iconography
  • calendar
    rc-icon rc-calendar--xs rc-iconography
  • clock
    rc-icon rc-clock--xs rc-iconography
  • close
    rc-icon rc-close--xs rc-iconography
  • comment
    rc-icon rc-comment--xs rc-iconography
  • computer
    rc-icon rc-computer--xs rc-iconography
  • documents
    rc-icon rc-documents--xs rc-iconography
  • down
    rc-icon rc-down--xs rc-iconography
  • edit
    rc-icon rc-edit--xs rc-iconography
  • email
    rc-icon rc-email--xs rc-iconography
  • external
    rc-icon rc-external--xs rc-iconography
  • female
    rc-icon rc-female--xs rc-iconography
  • filter
    rc-icon rc-filter--xs rc-iconography
  • forward
    rc-icon rc-forward--xs rc-iconography
  • grid view
    rc-icon rc-grid-view--xs rc-iconography
  • help
    rc-icon rc-help--xs rc-iconography
  • hide
    rc-icon rc-hide--xs rc-iconography
  • image
    rc-icon rc-image--xs rc-iconography
  • info
    rc-icon rc-info--xs rc-iconography
  • left
    rc-icon rc-left--xs rc-iconography
  • like
    rc-icon rc-like--xs rc-iconography
  • list view
    rc-icon rc-list-view--xs rc-iconography
  • loading
    rc-icon rc-loading--xs rc-iconography
  • location
    rc-icon rc-location--xs rc-iconography
  • location2
    rc-icon rc-location2--xs rc-iconography
  • lock
    rc-icon rc-lock--xs rc-iconography
  • male
    rc-icon rc-male--xs rc-iconography
  • menu
    rc-icon rc-menu--xs rc-iconography
  • minus
    rc-icon rc-minus--xs rc-iconography
  • mobile
    rc-icon rc-mobile--xs rc-iconography
  • mouse
    rc-icon rc-mouse--xs rc-iconography
  • news
    rc-icon rc-news--xs rc-iconography
  • pdf
    rc-icon rc-pdf--xs rc-iconography
  • pin
    rc-icon rc-pin--xs rc-iconography
  • plus
    rc-icon rc-plus--xs rc-iconography
  • print
    rc-icon rc-print--xs rc-iconography
  • quality
    rc-icon rc-quality--xs rc-iconography
  • rate
    rc-icon rc-rate--xs rc-iconography
  • rate fill
    rc-icon rc-rate-fill--xs rc-iconography
  • refresh
    rc-icon rc-refresh--xs rc-iconography
  • right
    rc-icon rc-right--xs rc-iconography
  • rss
    rc-icon rc-rss--xs rc-iconography
  • search
    rc-icon rc-search--xs rc-iconography
  • settings
    rc-icon rc-settings--xs rc-iconography
  • share
    rc-icon rc-share--xs rc-iconography
  • shelter
    rc-icon rc-shelter--xs rc-iconography
  • shop
    rc-icon rc-shop--xs rc-iconography
  • show
    rc-icon rc-show--xs rc-iconography
  • tablet
    rc-icon rc-tablet--xs rc-iconography
  • text decrease
    rc-icon rc-text-decrease--xs rc-iconography
  • text increase
    rc-icon rc-text-increase--xs rc-iconography
  • tick
    rc-icon rc-tick--xs rc-iconography
  • unlock
    rc-icon rc-unlock--xs rc-iconography
  • up
    rc-icon rc-up--xs rc-iconography
  • user
    rc-icon rc-user--xs rc-iconography
  • user add
    rc-icon rc-user-add--xs rc-iconography
  • video
    rc-icon rc-video--xs rc-iconography

Default 32px

  • back
    rc-icon rc-back rc-brand1
  • collapse
    rc-icon rc-collapse rc-brand1
  • expand
    rc-icon rc-expand rc-brand1
  • fast forward
    rc-icon rc-fast-forward rc-brand1
  • pause
    rc-icon rc-pause rc-brand1
  • play
    rc-icon rc-play rc-brand1
  • rewind
    rc-icon rc-rewind rc-brand1
  • skip
    rc-icon rc-skip rc-brand1
  • stop
    rc-icon rc-stop rc-brand1
  • volume off
    rc-icon rc-volume-off rc-brand1
  • volume on
    rc-icon rc-volume-on rc-brand1
  • back
    rc-icon rc-back rc-brand3
  • collapse
    rc-icon rc-collapse rc-brand3
  • expand
    rc-icon rc-expand rc-brand3
  • fast forward
    rc-icon rc-fast-forward rc-brand3
  • pause
    rc-icon rc-pause rc-brand3
  • play
    rc-icon rc-play rc-brand3
  • rewind
    rc-icon rc-rewind rc-brand3
  • skip
    rc-icon rc-skip rc-brand3
  • stop
    rc-icon rc-stop rc-brand3
  • volume off
    rc-icon rc-volume-off rc-brand3
  • volume on
    rc-icon rc-volume-on rc-brand3
  • back
    rc-icon rc-back rc-iconography
  • collapse
    rc-icon rc-collapse rc-iconography
  • expand
    rc-icon rc-expand rc-iconography
  • fast forward
    rc-icon rc-fast-forward rc-iconography
  • pause
    rc-icon rc-pause rc-iconography
  • play
    rc-icon rc-play rc-iconography
  • rewind
    rc-icon rc-rewind rc-iconography
  • skip
    rc-icon rc-skip rc-iconography
  • stop
    rc-icon rc-stop rc-iconography
  • volume off
    rc-icon rc-volume-off rc-iconography
  • volume on
    rc-icon rc-volume-on rc-iconography

Small 24px

Extra small 16px

  • back
    rc-icon rc-back--xs rc-brand1
  • collapse
    rc-icon rc-collapse--xs rc-brand1
  • expand
    rc-icon rc-expand--xs rc-brand1
  • fast forward
    rc-icon rc-fast-forward--xs rc-brand1
  • pause
    rc-icon rc-pause--xs rc-brand1
  • play
    rc-icon rc-play--xs rc-brand1
  • rewind
    rc-icon rc-rewind--xs rc-brand1
  • skip
    rc-icon rc-skip--xs rc-brand1
  • stop
    rc-icon rc-stop--xs rc-brand1
  • volume off
    rc-icon rc-volume-off--xs rc-brand1
  • volume on
    rc-icon rc-volume-on--xs rc-brand1
  • back
    rc-icon rc-back--xs rc-brand3
  • collapse
    rc-icon rc-collapse--xs rc-brand3
  • expand
    rc-icon rc-expand--xs rc-brand3
  • fast forward
    rc-icon rc-fast-forward--xs rc-brand3
  • pause
    rc-icon rc-pause--xs rc-brand3
  • play
    rc-icon rc-play--xs rc-brand3
  • rewind
    rc-icon rc-rewind--xs rc-brand3
  • skip
    rc-icon rc-skip--xs rc-brand3
  • stop
    rc-icon rc-stop--xs rc-brand3
  • volume off
    rc-icon rc-volume-off--xs rc-brand3
  • volume on
    rc-icon rc-volume-on--xs rc-brand3
  • back
    rc-icon rc-back--xs rc-iconography
  • collapse
    rc-icon rc-collapse--xs rc-iconography
  • expand
    rc-icon rc-expand--xs rc-iconography
  • fast forward
    rc-icon rc-fast-forward--xs rc-iconography
  • pause
    rc-icon rc-pause--xs rc-iconography
  • play
    rc-icon rc-play--xs rc-iconography
  • rewind
    rc-icon rc-rewind--xs rc-iconography
  • skip
    rc-icon rc-skip--xs rc-iconography
  • stop
    rc-icon rc-stop--xs rc-iconography
  • volume off
    rc-icon rc-volume-off--xs rc-iconography
  • volume on
    rc-icon rc-volume-on--xs rc-iconography

Colour usage

A specific ‘Iconography’ colour has been set to ensure a difference in baseline colour between text and icons. Although not immediately noticeable to the eye, this allows a slight visual separation between text and icons for users. When coloured in ‘Iconography’ they need to be sat on a ‘Brand3’ or ‘Brand4’ colour only. Our iconography can be used in 4 different colour combinations. These are the only way these icons can be coloured, icons are not allowed to be filled and need to always retain their keyline style. Iconography can sit on backgrounds of ‘Brand1’ and ‘Brand2’ with a ‘Brand3’ stroke colour. They can also have their strokes coloured in ‘Brand1’ or ‘Iconography’ when sat on a ‘Brand3’ or ‘Brand4’ colour.

Hover and active state

If iconography is used as part of a hyperlink or other clickable functionality they will require a hover state. Hovers for iconography coloured in the default ‘Iconography’ colour should transition to ‘Brand1’. ‘Iconography’ can also be transitioned to ‘Brand1’ when toggling iconography such as an active dropdown arrow or hamburger/close button that is clicked/pressed by a user.

Creating Icons

All Royal Canin Iconography is equal in look and feel and icons work on their own or as part of a larger set. It is suggested that any new icons that are created follow the following rules that were established when creating the original bank of icons available and that the provided grid file is used when creating icons. These steps enable Royal Canin to have a consistent icon library now and for the future. Adobe Illustrator is the required software for creating new icons and for comptability with the grid, this is due to the ability to have more flexibility over how SVG (Scalable Vector Graphic) versions of the icons are exported out and how they are prepared for developors, when used in the digital space.