2 #permalink Colored Icons
Change the color of an icon with CSS
Source:
openwebicons-styleguide.css, line 1716
Examples
Default styling
.openwebicons-apml-colored
the openwebicons-apml-colored icon
Markup
<i class="openwebicons-apml-colored"></i>
Source:
openwebicons-styleguide.css, line 1723
Examples
Default styling
.openwebicons-open-share-colored
the openwebicons-open-share-colored icon
Markup
<i class="openwebicons-open-share-colored"></i>
Source:
openwebicons-styleguide.css, line 1738
Examples
Default styling
.openwebicons-share-colored
the openwebicons-share-colored icon
Markup
<i class="openwebicons-share-colored"></i>
Source:
openwebicons-styleguide.css, line 1753
Examples
Default styling
.openwebicons-feed-colored
the openwebicons-feed-colored icon
Markup
<i class="openwebicons-feed-colored"></i>
Source:
openwebicons-styleguide.css, line 1768
Examples
Default styling
.openwebicons-ostatus-colored
the openwebicons-ostatus-colored icon
Markup
<i class="openwebicons-ostatus-colored"></i>
Source:
openwebicons-styleguide.css, line 1783
Examples
Default styling
.openwebicons-opml-colored
the openwebicons-opml-colored icon
Markup
<i class="openwebicons-opml-colored"></i>
Source:
openwebicons-styleguide.css, line 1798
Examples
Default styling
.openwebicons-activity-colored
the openwebicons-activity-colored icon
Markup
<i class="openwebicons-activity-colored"></i>
Source:
openwebicons-styleguide.css, line 1813
Examples
Default styling
.openwebicons-microformats-colored
the openwebicons-microformats-colored icon
Markup
<i class="openwebicons-microformats-colored"></i>
Source:
openwebicons-styleguide.css, line 1828
Examples
Default styling
.openwebicons-geo-colored
the openwebicons-geo-colored icon
Markup
<i class="openwebicons-geo-colored"></i>
Source:
openwebicons-styleguide.css, line 1843
Examples
Default styling
.openwebicons-opensearch-colored
the openwebicons-opensearch-colored icon
Markup
<i class="openwebicons-opensearch-colored"></i>
Source:
openwebicons-styleguide.css, line 1858
Examples
Default styling
.openwebicons-html5-colored
the openwebicons-html5-colored icon
Markup
<i class="openwebicons-html5-colored"></i>
Source:
openwebicons-styleguide.css, line 1873
Examples
Default styling
.openwebicons-git-colored
the openwebicons-git-colored icon
Markup
<i class="openwebicons-git-colored"></i>
Source:
openwebicons-styleguide.css, line 1888
Examples
Default styling
.openwebicons-osi-colored
the openwebicons-osi-colored icon
Markup
<i class="openwebicons-osi-colored"></i>
Source:
openwebicons-styleguide.css, line 1903
Examples
Default styling
.openwebicons-opensource-colored
the openwebicons-opensource-colored icon
Markup
<i class="openwebicons-opensource-colored"></i>
Source:
openwebicons-styleguide.css, line 1918
Examples
Default styling
.openwebicons-epub-colored
the openwebicons-epub-colored icon
Markup
<i class="openwebicons-epub-colored"></i>
Source:
openwebicons-styleguide.css, line 1933
Examples
Default styling
.openwebicons-info-card-colored
the openwebicons-info-card-colored icon
Markup
<i class="openwebicons-info-card-colored"></i>
Source:
openwebicons-styleguide.css, line 1948
Examples
Default styling
.openwebicons-remote-storage-colored
the openwebicons-remote-storage-colored icon
Markup
<i class="openwebicons-remote-storage-colored"></i>
Source:
openwebicons-styleguide.css, line 1963
Examples
Default styling
.openwebicons-odata-colored
the openwebicons-odata-colored icon
Markup
<i class="openwebicons-odata-colored"></i>
Source:
openwebicons-styleguide.css, line 1978
Examples
Default styling
.openwebicons-pub-colored
the openwebicons-pub-colored icon
Markup
<i class="openwebicons-pub-colored"></i>
Source:
openwebicons-styleguide.css, line 1993
Examples
Default styling
.openwebicons-sub-colored
the openwebicons-sub-colored icon
Markup
<i class="openwebicons-sub-colored"></i>
Source:
openwebicons-styleguide.css, line 2008
Examples
Default styling
.openwebicons-hubbub-colored
the openwebicons-hubbub-colored icon
Markup
<i class="openwebicons-hubbub-colored"></i>
Source:
openwebicons-styleguide.css, line 2023
Examples
Default styling
.openwebicons-javascript-colored
the openwebicons-javascript-colored icon
Markup
<i class="openwebicons-javascript-colored"></i>
Source:
openwebicons-styleguide.css, line 2038
Examples
Default styling
.openwebicons-gnusocial-colored
the openwebicons-gnusocial-colored icon
Markup
<i class="openwebicons-gnusocial-colored"></i>
Source:
openwebicons-styleguide.css, line 2053
Examples
Default styling
.openwebicons-mastodon-colored
the openwebicons-mastodon-colored icon
Markup
<i class="openwebicons-mastodon-colored"></i>
Source:
openwebicons-styleguide.css, line 2068
Examples
Default styling
.openwebicons-mastodon-simple-colored
the openwebicons-mastodon-simple-colored icon
Markup
<i class="openwebicons-mastodon-simple-colored"></i>
Source:
openwebicons-styleguide.css, line 2083
Examples
Default styling
.openwebicons-id4me-colored
the openwebicons-id4me-colored icon
Markup
<i class="openwebicons-id4me-colored"></i>
Source:
openwebicons-styleguide.css, line 2098