{% endcapture %}
{% include example.html content=example %}
-
### Color
-add `.text-$color` classes to apply colors to icons and select logos
+Setting `fill=currentColor` in the SVG allows the SVG's colors to be controlled by CSS and added classes. Below you can see the SVG's color changing by adding `.color-class` to the svg or parent tag.
{% capture example %}
-
-
-
+
+
+
+
+
{% endcapture %}
{% include example.html content=example %}
-#### Brand Colors
-
-The following brand-specific color classes are provided
+### Brand colors
+The following brand-specific color classes are provided:
-{% capture example %}
-
-
-
-
-
-
-
-
-{% endcapture %}
-{% include example.html content=example %}
+
+
+
+
class="color-amex"
+
+
+
+
class="color-android"
+
+
+
+
class="color-apple"
+
+
+
+
class="color-discover"
+
+
+
+
+
+
class="color-visa"
+
+
+
+
class="color-fire-tv"
+
+
+
+
class="color-outlook"
+
+
+
+
class="color-roku"
+
+
### Transform
Transform icons with [transform utilities](/docs/utilities/transform)
{% capture example %}
-
+
+
+
+
+
{% endcapture %}
{% include example.html content=example %}
-## All Icons
+## Icons
+A complete list of all the SVG icons in the system.
-{% capture example %}