# 2 #permalink Colored Icons

Change the color of an icon with CSS

Source: `openwebicons-styleguide.css`, line 1716

## 2.1 #permalink The apml colored-icon

Toggle full screen
Open in new window
Toggle example guides
Toggle HTML markup

Examples
Default styling
.openwebicons-apml-colored
the openwebicons-apml-colored icon
Markup

    <i class="openwebicons-apml-colored"></i>

Source: `openwebicons-styleguide.css`, line 1723

## 2.2 #permalink The open-share colored-icon

Toggle full screen
Open in new window
Toggle example guides
Toggle HTML markup

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

## 2.3 #permalink The share colored-icon

Toggle full screen
Open in new window
Toggle example guides
Toggle HTML markup

Examples
Default styling
.openwebicons-share-colored
the openwebicons-share-colored icon
Markup

    <i class="openwebicons-share-colored"></i>

Source: `openwebicons-styleguide.css`, line 1753

## 2.4 #permalink The feed colored-icon

Toggle full screen
Open in new window
Toggle example guides
Toggle HTML markup

Examples
Default styling
.openwebicons-feed-colored
the openwebicons-feed-colored icon
Markup

    <i class="openwebicons-feed-colored"></i>

Source: `openwebicons-styleguide.css`, line 1768

## 2.5 #permalink The ostatus colored-icon

Toggle full screen
Open in new window
Toggle example guides
Toggle HTML markup

Examples
Default styling
.openwebicons-ostatus-colored
the openwebicons-ostatus-colored icon
Markup

    <i class="openwebicons-ostatus-colored"></i>

Source: `openwebicons-styleguide.css`, line 1783

## 2.6 #permalink The opml colored-icon

Toggle full screen
Open in new window
Toggle example guides
Toggle HTML markup

Examples
Default styling
.openwebicons-opml-colored
the openwebicons-opml-colored icon
Markup

    <i class="openwebicons-opml-colored"></i>

Source: `openwebicons-styleguide.css`, line 1798

## 2.7 #permalink The activity colored-icon

Toggle full screen
Open in new window
Toggle example guides
Toggle HTML markup

Examples
Default styling
.openwebicons-activity-colored
the openwebicons-activity-colored icon
Markup

    <i class="openwebicons-activity-colored"></i>

Source: `openwebicons-styleguide.css`, line 1813

## 2.8 #permalink The microformats colored-icon

Toggle full screen
Open in new window
Toggle example guides
Toggle HTML markup

Examples
Default styling
.openwebicons-microformats-colored
the openwebicons-microformats-colored icon
Markup

    <i class="openwebicons-microformats-colored"></i>

Source: `openwebicons-styleguide.css`, line 1828

## 2.9 #permalink The geo colored-icon

Toggle full screen
Open in new window
Toggle example guides
Toggle HTML markup

Examples
Default styling
.openwebicons-geo-colored
the openwebicons-geo-colored icon
Markup

    <i class="openwebicons-geo-colored"></i>

Source: `openwebicons-styleguide.css`, line 1843

## 2.10 #permalink The opensearch colored-icon

Toggle full screen
Open in new window
Toggle example guides
Toggle HTML markup

Examples
Default styling
.openwebicons-opensearch-colored
the openwebicons-opensearch-colored icon
Markup

    <i class="openwebicons-opensearch-colored"></i>

Source: `openwebicons-styleguide.css`, line 1858

## 2.11 #permalink The html5 colored-icon

Toggle full screen
Open in new window
Toggle example guides
Toggle HTML markup

Examples
Default styling
.openwebicons-html5-colored
the openwebicons-html5-colored icon
Markup

    <i class="openwebicons-html5-colored"></i>

Source: `openwebicons-styleguide.css`, line 1873

## 2.12 #permalink The git colored-icon

Toggle full screen
Open in new window
Toggle example guides
Toggle HTML markup

Examples
Default styling
.openwebicons-git-colored
the openwebicons-git-colored icon
Markup

    <i class="openwebicons-git-colored"></i>

Source: `openwebicons-styleguide.css`, line 1888

## 2.13 #permalink The osi colored-icon

Toggle full screen
Open in new window
Toggle example guides
Toggle HTML markup

Examples
Default styling
.openwebicons-osi-colored
the openwebicons-osi-colored icon
Markup

    <i class="openwebicons-osi-colored"></i>

Source: `openwebicons-styleguide.css`, line 1903

## 2.14 #permalink The opensource colored-icon

Toggle full screen
Open in new window
Toggle example guides
Toggle HTML markup

Examples
Default styling
.openwebicons-opensource-colored
the openwebicons-opensource-colored icon
Markup

    <i class="openwebicons-opensource-colored"></i>

Source: `openwebicons-styleguide.css`, line 1918

## 2.15 #permalink The epub colored-icon

Toggle full screen
Open in new window
Toggle example guides
Toggle HTML markup

Examples
Default styling
.openwebicons-epub-colored
the openwebicons-epub-colored icon
Markup

    <i class="openwebicons-epub-colored"></i>

Source: `openwebicons-styleguide.css`, line 1933

## 2.16 #permalink The info-card colored-icon

Toggle full screen
Open in new window
Toggle example guides
Toggle HTML markup

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

## 2.17 #permalink The remote-storage colored-icon

Toggle full screen
Open in new window
Toggle example guides
Toggle HTML markup

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

## 2.18 #permalink The odata colored-icon

Toggle full screen
Open in new window
Toggle example guides
Toggle HTML markup

Examples
Default styling
.openwebicons-odata-colored
the openwebicons-odata-colored icon
Markup

    <i class="openwebicons-odata-colored"></i>

Source: `openwebicons-styleguide.css`, line 1978

## 2.19 #permalink The pub colored-icon

Toggle full screen
Open in new window
Toggle example guides
Toggle HTML markup

Examples
Default styling
.openwebicons-pub-colored
the openwebicons-pub-colored icon
Markup

    <i class="openwebicons-pub-colored"></i>

Source: `openwebicons-styleguide.css`, line 1993

## 2.20 #permalink The sub colored-icon

Toggle full screen
Open in new window
Toggle example guides
Toggle HTML markup

Examples
Default styling
.openwebicons-sub-colored
the openwebicons-sub-colored icon
Markup

    <i class="openwebicons-sub-colored"></i>

Source: `openwebicons-styleguide.css`, line 2008

## 2.21 #permalink The hubbub colored-icon

Toggle full screen
Open in new window
Toggle example guides
Toggle HTML markup

Examples
Default styling
.openwebicons-hubbub-colored
the openwebicons-hubbub-colored icon
Markup

    <i class="openwebicons-hubbub-colored"></i>

Source: `openwebicons-styleguide.css`, line 2023

## 2.22 #permalink The javascript colored-icon

Toggle full screen
Open in new window
Toggle example guides
Toggle HTML markup

Examples
Default styling
.openwebicons-javascript-colored
the openwebicons-javascript-colored icon
Markup

    <i class="openwebicons-javascript-colored"></i>

Source: `openwebicons-styleguide.css`, line 2038

## 2.23 #permalink The gnusocial colored-icon

Toggle full screen
Open in new window
Toggle example guides
Toggle HTML markup

Examples
Default styling
.openwebicons-gnusocial-colored
the openwebicons-gnusocial-colored icon
Markup

    <i class="openwebicons-gnusocial-colored"></i>

Source: `openwebicons-styleguide.css`, line 2053

## 2.24 #permalink The mastodon colored-icon

Toggle full screen
Open in new window
Toggle example guides
Toggle HTML markup

Examples
Default styling
.openwebicons-mastodon-colored
the openwebicons-mastodon-colored icon
Markup

    <i class="openwebicons-mastodon-colored"></i>

Source: `openwebicons-styleguide.css`, line 2068

## 2.25 #permalink The mastodon-simple colored-icon

Toggle full screen
Open in new window
Toggle example guides
Toggle HTML markup

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

## 2.26 #permalink The id4me colored-icon

Toggle full screen
Open in new window
Toggle example guides
Toggle HTML markup

Examples
Default styling
.openwebicons-id4me-colored
the openwebicons-id4me-colored icon
Markup

    <i class="openwebicons-id4me-colored"></i>

Source: `openwebicons-styleguide.css`, line 2098