Title: Icons to replace CSS formatted sections on GitHub Author: estes.chris Published: February 19, 2018 --- [ ](https://profiles.wordpress.org/esteschris/) [estes.chris](https://profiles.wordpress.org/esteschris/) 5:02 pm _on_ February 19, 2018   # Icons to replace CSS formatted sections on GitHub I researched The Noun Project icons and learned some interesting things. I have a concern about their giving credit each time we use the icons (that’s a small but added burden with each LP). With that said, I have some examples below. I’m using links (to avoid having to give attribution). Otherwise, I’ve looked at a few “free” icon sites and they seem to be aggregators of other people’s work. Having used images and sound files, I know that sometimes the licensing information can be incorrect, either accidentally or intentionally. Our symbols are simple. I can’t draw a straight line, but I could use Sketch or whatever to duplicate what we already have. In our meeting Thursday we can discuss what the group would prefer. _This is from their FAQ: **What’s the difference between a paid and a free account? Both free and paid members get access to all the icons. As a free member, you must give credit to the icon’s designer each time you use their icon. NounPro members get unlimited royalty-free licenses (no need to worry about attribution), can download icons in any color, and get access to all of our apps for quicker access. **Note:** free icons are black and white only. To use colors (like the WP standardized colors) we must become paid members. **WARNING:** Icons must come from the url thenounproject.com. There is a malware site called nounproject.org that installs wonderful “extensions” to the user’s button if they click “continue.” **INFO** Serifed “i” in black dot [https://thenounproject.com/search/?q=info&i=598163](https://thenounproject.com/search/?q=info&i=598163) Serifed “i” alone [https://thenounproject.com/search/?q=info&i=817990](https://thenounproject.com/search/?q=info&i=817990) Sans Serif “i” in black circle [https://thenounproject.com/search/?q=info&&i=407794](https://thenounproject.com/search/?q=info&&i=407794) Italic “i” in black dot [https://thenounproject.com/vityavorobyev/collection/information/?i=817950](https://thenounproject.com/vityavorobyev/collection/information/?i=817950) **TIP** Line drawing of light bulb [https://thenounproject.com/search/?q=tip&i=1309839](https://thenounproject.com/search/?q=tip&i=1309839) Black lightbulb shape [https://thenounproject.com/maxim221/collection/lightbulbs-pt2/?i=1502297](https://thenounproject.com/maxim221/collection/lightbulbs-pt2/?i=1502297) **ALERT** Black waving flag shape [https://thenounproject.com/search/?q=flag&i=233075](https://thenounproject.com/search/?q=flag&i=233075) line drawing of waving flag [https://thenounproject.com/search/?q=flag&i=102470](https://thenounproject.com/search/?q=flag&i=102470) **WARNING** Warning triangle line drawing [https://thenounproject.com/search/?q=warning&i=229734](https://thenounproject.com/search/?q=warning&i=229734) Black warning triangle [https://thenounproject.com/search/?q=warning&i=209187](https://thenounproject.com/search/?q=warning&i=209187) Circle with “X” [https://thenounproject.com/search/?q=X&i=323767](https://thenounproject.com/search/?q=X&i=323767) Black dot with “X” outline [https://thenounproject.com/search/?q=X&i=327740](https://thenounproject.com/search/?q=X&i=327740) Black dot with white “X” [https://thenounproject.com/search/?q=X&i=653848](https://thenounproject.com/search/?q=X&i=653848) ### Share this: * [ Threads ](https://make.wordpress.org/training/2018/02/19/icons-to-replace-css-formatted-sections-on-github/?share=threads) * [ Mastodon ](https://make.wordpress.org/training/2018/02/19/icons-to-replace-css-formatted-sections-on-github/?share=mastodon) * [ Bluesky ](https://make.wordpress.org/training/2018/02/19/icons-to-replace-css-formatted-sections-on-github/?share=bluesky) * [ Facebook ](https://make.wordpress.org/training/2018/02/19/icons-to-replace-css-formatted-sections-on-github/?share=facebook) * [ X ](https://make.wordpress.org/training/2018/02/19/icons-to-replace-css-formatted-sections-on-github/?share=x) * [ LinkedIn ](https://make.wordpress.org/training/2018/02/19/icons-to-replace-css-formatted-sections-on-github/?share=linkedin) * [Login to Reply](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fmake.wordpress.org%2Ftraining%2F2018%2F02%2F19%2Ficons-to-replace-css-formatted-sections-on-github%2F%23respond&locale=en_US) 1. ![](https://secure.gravatar.com/avatar/120b2dbc332ea0daf46d432e7d1fd3bf9a2b98955f9bad07dfd3ff8eb0fdfc87? s=32&d=mm&r=g) 2. [Stephen Edgar](https://profiles.wordpress.org/netweb/) 11:15 pm _on_ February 19, 2018 3. I’m not sure of the exact context of everything above but why not use our own WordPress Dashicons? You can use these without attribution: 4. Here are the equivalent Dashicons to those linked above: 5. [https://developer.wordpress.org/resource/dashicons/#info](https://developer.wordpress.org/resource/dashicons/#info) [https://developer.wordpress.org/resource/dashicons/#lightbulb](https://developer.wordpress.org/resource/dashicons/#lightbulb) [https://developer.wordpress.org/resource/dashicons/#flag](https://developer.wordpress.org/resource/dashicons/#flag) [https://developer.wordpress.org/resource/dashicons/#warning](https://developer.wordpress.org/resource/dashicons/#warning) 6. * ![](https://secure.gravatar.com/avatar/86cb02cfdb93144e31ca2ddd692a9619d4e72c7cdb09881f099bec972e9b8a67? s=32&d=mm&r=g) * [Julie Kuehl](https://profiles.wordpress.org/juliekuehl/) 1:34 pm _on_ February 20, 2018 * Sometimes you just miss the obvious. Thanks for the reminder Stephen! - ![](https://secure.gravatar.com/avatar/113970402caff1fe19232f4325219fd415b3f23aebd6ef59710f1abafbe4bbe6? s=32&d=mm&r=g) - [estes.chris](https://profiles.wordpress.org/esteschris/) 10:53 pm _on_ February 20, 2018 - Indeed! Thank you! * ![](https://secure.gravatar.com/avatar/120b2dbc332ea0daf46d432e7d1fd3bf9a2b98955f9bad07dfd3ff8eb0fdfc87? s=32&d=mm&r=g) * [Stephen Edgar](https://profiles.wordpress.org/netweb/) 4:05 am _on_ February 21, 2018 * No problems, there’s also a #design-dashicons SlackSlack Slack is a Collaborative Group Chat Platform [https://slack.com/](https://slack.com/). The WordPress community has its own Slack Channel at [https://make.wordpress.org/chat/](https://make.wordpress.org/chat/) channel if you’ve any other questions, if you need other icons not yet included in the current release swing by there, you never know a designer might be able to help the [#training](https://make.wordpress.org/training/tag/training/) team out. ### Leave a Reply 󠀁[Cancel reply](https://make.wordpress.org/training/2018/02/19/icons-to-replace-css-formatted-sections-on-github/?output_format=md#respond)󠁿 You must be [logged in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fmake.wordpress.org%2Ftraining%2F2018%2F02%2F19%2Ficons-to-replace-css-formatted-sections-on-github%2F&locale=en_US) to post a comment. This site uses Akismet to reduce spam. [Learn how your comment data is processed.](https://akismet.com/privacy/) # Post navigation [← Recap of February 15, 2018 Meeting](https://make.wordpress.org/training/2018/02/15/recap-of-february-15-2018-meeting/) [Meeting Agenda for 22 February 2018 →](https://make.wordpress.org/training/2018/02/22/meeting-agenda-for-22-february-2018/)