diff --git a/iconography.md b/iconography.md index 45827c9..45de938 100644 --- a/iconography.md +++ b/iconography.md @@ -48,7 +48,7 @@ Design each icon for the size it's meant to be viewed at. In other words, do not Color—don't be afraid to use it! Many of the elementary OS icons use vibrant colors; it's best to reserve muted tones and grays for boring system icons. -![Mail icon](https://elementary.io/images/docs/human-interface-guidelines/icons/64/internet-mail.svg) ![RSS Reader icon](https://elementary.io/images/docs/human-interface-guidelines/icons/64/internet-news-reader.svg) ![Web browser icon](https://elementary.io/images/docs/human-interface-guidelines/icons/64/internet-web-browser.svg) ![Photos icon](https://elementary.io/images/docs/human-interface-guidelines/icons/64/multimedia-photo-manager.svg) ![Network icon](https://elementary.io/images/docs/human-interface-guidelines/icons/64/network-error.svg) ![Calendar icon](https://elementary.io/images/docs/human-interface-guidelines/icons/64/office-calendar.svg) +![Mail icon](https://elementary.io/images/docs/human-interface-guidelines/icons/64/internet-mail.svg) ![Music icon](https://elementary.io/images/docs/human-interface-guidelines/icons/64/multimedia-audio-player.svg) ![Web browser icon](https://elementary.io/images/docs/human-interface-guidelines/icons/64/internet-web-browser.svg) ![Photos icon](https://elementary.io/images/docs/human-interface-guidelines/icons/64/multimedia-photo-manager.svg) ![Network icon](https://elementary.io/images/docs/human-interface-guidelines/icons/64/network-error.svg) ![Calendar icon](https://elementary.io/images/docs/human-interface-guidelines/icons/64/office-calendar.svg) Colors do have their connotations, so be cognizant of this when picking them. For instance: red is usually associated with error or "danger", and orange with warnings. But you can use these color connotations to help convey your icon's meaning, such as green for "go". We use the [elementary Brand Palette](https://elementary.io/brand#color).