Ícone Iris
cbi:iris
O ícone Iris (cbi:iris) é um ícone SVG gratuito da coleção Custom Brand Icons de Emanuele & rchiileea. Ele é desenhado em uma grade de 24 × 24. Custom Brand Icons usam a licença CC BY-NC-SA 4.0, que não permite uso comercial sem uma permissão separada do autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Custom Brand Icons
- Autor
- Emanuele & rchiileea
- Licença
- CC-BY-NC-SA-4.0
- Tamanho
- 24 × 24
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.997 13.938c-1.28-.414-3.16-1.645-5.712-4.197c-2.047-2.045-3.652-4.304-4.172-5.692c-.113-.3.156-.605.47-.545c.323.063.764.198 1.336.465c1.54.716 2.955 1.648 4.723 3.416c1.767 1.767 2.698 3.181 3.415 4.722c.272.584.408 1.03.468 1.355c.057.307-.232.572-.528.476m-2.965 3.487a.417.417 0 0 1-.525.267c-1.144-.37-2.57-1.297-4.188-2.71c-1.914 1.05-5.043 2.291-4.962 2.825c.155 1.023-.458 1.589-1.613.434s-.59-1.767.435-1.613c.536.081 1.784-3.089 2.838-4.999c-1.258-1.496-2.253-3-2.655-4.075a.417.417 0 1 1 .779-.294c.527 1.404 2.165 3.633 4.077 5.545c2.81 2.81 4.567 3.777 5.546 4.095a.417.417 0 0 1 .268.525m4.341-5.649c-1.6-3.435-5.699-7.564-9.094-9.16c-1.383-.65-2.416-.764-3.043-.443c-.078.048-.153.102-.229.152a15.4 15.4 0 0 0-2.406 1.95C1.901 8.967.045 14.72 4.681 19.35c4.576 4.568 10.401 2.775 15.1-1.917a15.3 15.3 0 0 0 1.926-2.362l.103-.153c.344-.633.233-1.703-.438-3.141"/></svg>
Como usar o ícone Iris
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:iris" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:iris" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:iris" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--iris]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:iris"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:iris"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/cbi/iris.svg" alt="Ícone Iris" width="24" height="24">
Ícones relacionados em Custom Brand Icons
O ícone Iris em outras coleções
Perguntas frequentes sobre Ícone Iris
O ícone Iris é grátis para uso comercial?
Não. Custom Brand Icons usam a licença CC BY-NC-SA 4.0, que não permite uso comercial sem uma permissão separada do autor.
Como uso o ícone Iris no React?
Instale @iconify/react e renderize <Icon icon="cbi:iris" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Iris a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/cbi/iris.svg" alt="Ícone Iris">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Custom Brand Icons →
ICONYZ
