Ícone Exome
thesvg-color:exome
O ícone Exome (thesvg-color:exome) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 184 × 184. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 184 × 184
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="184" height="184" viewBox="0 0 184 184"><g fill="none"><g fill="#f5841b" fill-rule="evenodd" clip-path="url(#SVG9TBU6dgR)" clip-rule="evenodd"><path d="m23 173.5l.1-.7v.7Zm37.7-42.6a278 278 0 0 1-27 19.3a379.5 379.5 0 0 1 52.7-64a378.5 378.5 0 0 1 64-52.6a272 272 0 0 1-19.5 27.1a50 50 0 0 1 10 22.4c31.8-37.5 48.9-70.3 39.6-79.6c-11.8-11.7-60.8 18.4-109.6 67.2c-48.9 48.8-79 97.9-67.2 109.6c9.3 9.3 42-7.7 79.4-39.3a50 50 0 0 1-22.4-10Zm113-108h-.7h.6ZM161 10.3l-.1.7v-.7ZM11 160.8h-.6h.7Z"/><path d="M11 23.1h.6a2 2 0 0 1-.7 0Zm75.8 74.7a378.6 378.6 0 0 1-52.6-64a274 274 0 0 1 26.2 18.8a50 50 0 0 1 22.2-10.4C45.6 11.1 13.3-5.5 4 3.7C-7.6 15.4 22.5 64.5 71.3 113.3s97.9 79 109.6 67.2c9.3-9.3-7.8-42.3-39.8-80a50 50 0 0 1-10.2 22.2a304 304 0 0 1 20 27.7a378.6 378.6 0 0 1-64-52.6Zm74.7 75.9v-.7zM174 161h-.7zM23.6 11.2v-.7z"/></g><defs><clipPath id="SVG9TBU6dgR"><path fill="#fff" d="M0 0h184v184H0z"/></clipPath></defs></g></svg>Como usar o ícone Exome
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:exome" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:exome" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:exome" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--exome]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:exome"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:exome"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/exome.svg" alt="Ícone Exome" width="24" height="24">Perguntas frequentes sobre Ícone Exome
O ícone Exome é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Exome no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:exome" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Exome a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/exome.svg" alt="Ícone Exome">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.