Ícone Blender
thesvg-color:blender
O ícone Blender (thesvg-color:blender) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 2473 × 1997. 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
- 2473 × 1997
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2473" height="1997" viewBox="0 0 2473 1997"><path fill="#fff" d="M2007 1486a539 539 0 0 1-387 158c-150 0-288-57-387-157c-48-49-84-105-106-166a429 429 0 0 1 29-358c29-52 69-100 118-140c96-78 218-120 346-120s250 41 346 119c49 40 89 87 117 140a437 437 0 0 1-77 524z"/><path fill="#005385" d="M1300 1143c5-81 45-153 105-204c59-50 139-81 226-81c86 0 166 31 225 81c60 51 100 123 105 204c4 84-29 162-88 220c-61 58-146 95-242 95s-182-37-243-95c-59-58-92-136-88-220"/><path fill="#ff7021" d="M775 1308c0 32 10 94 26 143c32 102 86 197 162 281c78 85 173 154 284 203a913 913 0 0 0 746-1a844 844 0 0 0 283-205a757 757 0 0 0 193-438a721 721 0 0 0-109-440a795 795 0 0 0-188-208L1408 57l-2-2c-50-38-135-38-190 0c-55 39-62 104-12 145l318 259l-971 1h-1c-81 0-158 53-173 119c-16 68 39 124 122 125l492-1l-878 674l-3 3c-83 63-110 169-58 235c53 68 166 68 250 1l479-393s-7 53-7 85zm1232 178a539 539 0 0 1-387 158c-150 0-288-57-387-157c-48-49-84-105-106-166a429 429 0 0 1 29-358c29-52 69-100 118-140c96-78 218-120 346-120s250 41 346 119c49 40 89 87 117 140a437 437 0 0 1-77 524z"/></svg>
Como usar o ícone Blender
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:blender" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:blender" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:blender" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--blender]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:blender"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:blender"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/blender.svg" alt="Ícone Blender" width="24" height="24">
O ícone Blender em outras coleções
Perguntas frequentes sobre Ícone Blender
O ícone Blender é 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 Blender no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:blender" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Blender a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/blender.svg" alt="Ícone Blender">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones theSVG Color →
ICONYZ
