Iris Group icon
cbi:iris-group
The Iris Group icon (cbi:iris-group) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Custom Brand Icons
- Author
- Emanuele & rchiileea
- License
- CC-BY-NC-SA-4.0
- Size
- 24 × 24
- Tags
- irisgroup
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.583 8.728c-1.054-2.282-3.767-5.033-6.019-6.097c-.92-.431-1.601-.508-2.013-.297c-.048.029-.096.067-.153.106c-.556.374-1.093.795-1.592 1.294c-.162.163-.306.326-.46.489c3.106 1.485 6.787 5.204 8.244 8.329c.096.201.172.403.249.594c.24-.21.47-.421.7-.651c.488-.499.91-1.026 1.274-1.572c.02-.039.048-.067.068-.106c.22-.412.143-1.131-.298-2.089m-.91 1.447c-.844-.278-2.099-1.093-3.786-2.789c-1.361-1.361-2.425-2.866-2.77-3.786c-.077-.202.105-.403.316-.365s.508.135.882.307c1.016.479 1.955 1.093 3.134 2.272c1.169 1.179 1.783 2.118 2.262 3.144c.182.383.269.68.307.901a.276.276 0 0 1-.345.316m-9.806-5.118c-1.198-.566-2.08-.662-2.626-.384a2 2 0 0 1-.202.134a14 14 0 0 0-2.07 1.678C1.915 10.53.314 15.495 4.311 19.492c3.949 3.939 8.972 2.396 13.026-1.649a13.5 13.5 0 0 0 1.658-2.032c.029-.048.058-.086.087-.134c.297-.546.201-1.467-.374-2.713c-1.371-2.961-4.908-6.527-7.841-7.907m4.103 12.777a.36.36 0 0 1-.345.249c-.039 0-.077 0-.106-.019c-.987-.326-2.224-1.122-3.614-2.339c-1.648.91-4.351 1.974-4.284 2.435c.134.881-.393 1.37-1.39.373s-.508-1.524.374-1.389c.46.067 1.543-2.665 2.444-4.314c-1.083-1.294-1.946-2.588-2.291-3.518c-.067-.182.029-.383.211-.46s.393.029.47.211c.45 1.208 1.869 3.135 3.518 4.783c2.425 2.425 3.939 3.259 4.783 3.528a.377.377 0 0 1 .23.46m2.559-3.001c-1.102-.364-2.732-1.418-4.927-3.623c-1.764-1.763-3.153-3.719-3.604-4.907a.364.364 0 0 1 .412-.48c.278.048.662.173 1.15.403c1.333.613 2.55 1.419 4.074 2.943s2.329 2.741 2.943 4.073c.239.499.354.892.402 1.17c.048.268-.201.498-.45.421"/></svg>How to use the Iris Group icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:iris-group" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:iris-group" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:iris-group" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--iris-group]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:iris-group"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:iris-group"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/iris-group.svg" alt="Iris Group icon" width="24" height="24">Related icons in Custom Brand Icons
Iris Group icon FAQ
Is the Iris Group icon free for commercial use?
No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Iris Group icon in React?
Install @iconify/react and render <Icon icon="cbi:iris-group" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Iris Group icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/iris-group.svg" alt="Iris Group icon">, or paste the SVG code inline to style it with CSS.