color

---

• Icon color
• RGBA and HSLA colors {#opacity}
• fill and stroke

---

title: Changing Icon Color in Iconify for Vue 2

Icon color

This tutorial is part of Iconify for Vue 2 tutorial.

include: icon-components/components/color-intro

src: icon-components/common/color.vue
css: components/color.scss
demo: icon-components/common/color.html
class: components-color
replacements:
  - search: iconify/vue
    replace: iconify/vue2

include: icon-components/components/color-intro2

RGBA and HSLA colors {#opacity}

include icon-components/color-rgba

fill and stroke

include icon-components/color-fill