Ícone Oblio
thesvg-color:oblio
O ícone Oblio (thesvg-color:oblio) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 192 × 192. 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
- 192 × 192
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 192 192"><path fill="#fbb363" d="M92.5-.5h3q16.863 3.483 34 7v1h-70z" opacity=".979"/><path fill="#ef5260" d="M60.5 7.5h69q1.248 1.243-1 2.5a78.7 78.7 0 0 0-12 9q.834.575 1 1.5a5.73 5.73 0 0 0-3 1q.257-1.488-1-2a622 622 0 0 1-53-12"/><path fill="#f48574" d="M129.5 7.5v-1a193 193 0 0 1 32 19a744 744 0 0 1-44-5q-.166-.925-1-1.5a78.7 78.7 0 0 1 12-9q2.248-1.257 1-2.5" opacity=".983"/><path fill="#f8bb15" d="M59.5 7.5h1a622 622 0 0 0 53 12a5295 5295 0 0 1-64 14a4.93 4.93 0 0 1-3-.5a267 267 0 0 0 11-24.5q.513-1.257 2-1"/><path fill="#f79327" d="M57.5 8.5a267 267 0 0 1-11 24.5q1.422.725 3 .5v1h-4q-11.614.945-22-2a592 592 0 0 1 34-24"/><path fill="#f39e52" d="M113.5 19.5q1.257.512 1 2a315 315 0 0 0-8 34h-2a2099 2099 0 0 1-55-21v-1q32.22-6.84 64-14"/><path fill="#ed384f" d="M117.5 20.5a744 744 0 0 0 44 5q1.257.512 1 2a1096 1096 0 0 0-56 28a315 315 0 0 1 8-34a5.73 5.73 0 0 1 3-1"/><path fill="#fbb15c" d="M23.5 32.5q10.386 2.945 22 2a906 906 0 0 0-24.5 26a182 182 0 0 1-20.5 19a1539 1539 0 0 1 23-47" opacity=".996"/><path fill="#ef473e" d="M45.5 34.5h4a2099 2099 0 0 0 55 21A2737 2737 0 0 1 4.5 80q-.834.575-1 1.5q-1.487-.257-2 1h-2v-2q1 0 1-1a182 182 0 0 0 20.5-19a906 906 0 0 1 24.5-26"/><path fill="#ae2948" d="M162.5 27.5a175704 175704 0 0 0-74 59a4.93 4.93 0 0 1 .5-3a237 237 0 0 0 16.5-28h1a1096 1096 0 0 1 56-28"/><path fill="#e32292" d="M188.5 67.5q0 1-1 1a1313 1313 0 0 0-66 11h-1q25.5-21.489 52-42a323 323 0 0 1 16 30" opacity=".999"/><path fill="#f26a23" d="M104.5 55.5h1a237 237 0 0 1-16.5 28a4.93 4.93 0 0 0-.5 3q0 1-1 1q-1.663-1.185-4-1.5a6435 6435 0 0 1-80-4.5q.166-.925 1-1.5a2737 2737 0 0 0 100-24.5"/><path fill="#b41d8d" d="m187.5 68.5l-1 2a4.93 4.93 0 0 0-3 .5a5420 5420 0 0 1-73 52.5a530 530 0 0 1 11-44a1313 1313 0 0 1 66-11"/><path fill="#b84198" d="m186.5 70.5l-33 50h-1a938 938 0 0 0-43 4q0-1 1-1a5420 5420 0 0 0 73-52.5a4.93 4.93 0 0 1 3-.5"/><path fill="#4262ad" d="M188.5 67.5q1.473 5.193 1 11q-1.203-2.177-1.5-5a824 824 0 0 0-15 79q.625-1.884 2.5-2l-4 8a1341 1341 0 0 1-18-38l33-50l1-2q1 0 1-1"/><path fill="#27498d" d="M189.5 78.5a329 329 0 0 0 2 15v22a562 562 0 0 0-16 35q-1.875.116-2.5 2a824 824 0 0 1 15-79q.297 2.823 1.5 5"/><path fill="#e32191" d="M120.5 79.5h1a530 530 0 0 0-11 44q-1 0-1 1q-22.99.913-46 1v-1a1843 1843 0 0 1 57-45" opacity=".999"/><path fill="#ee2e3d" d="M1.5 82.5q.513-1.257 2-1a6435 6435 0 0 0 80 4.5q2.337.315 4 1.5a280 280 0 0 1-27.5 21a4656 4656 0 0 1-58.5-26" opacity=".999"/><path fill="#ef4f84" d="M-.5 97.5a587373 587373 0 0 1 64 27v1q-1 0-1 1l-34 15q-1.488.257-2-1q-11.43-21.216-27-41z" opacity=".999"/><path fill="#f38374" d="M-.5 99.5q15.57 19.784 27 41a232 232 0 0 1-18-9.5q-1.875-1.11-3 .5a303 303 0 0 1-6-26z" opacity=".983"/><path fill="#8b4c9e" d="M152.5 120.5a65810 65810 0 0 0-52 39h-1a730 730 0 0 0 10-35a938 938 0 0 1 43-4"/><path fill="#5e98d1" d="M152.5 120.5h1a1341 1341 0 0 0 18 38q-.5 1.5-2 2a2761 2761 0 0 0-69-1a65810 65810 0 0 1 52-39"/><path fill="#cf81b6" d="M109.5 124.5a730 730 0 0 1-10 35q0 1-1 1a340 340 0 0 0-36-34q0-1 1-1a1280 1280 0 0 0 46-1"/><path fill="#ab4398" d="M62.5 126.5a750 750 0 0 1-28 44a302 302 0 0 1-6-29z"/><path fill="#823c94" d="M62.5 126.5a340 340 0 0 1 36 34q0 1-1 1l-61 9.5q-.834.575-1 1.5h-1v-2a750 750 0 0 0 28-44"/><path fill="#a22b6d" d="M26.5 140.5q.512 1.257 2 1a302 302 0 0 0 6 29v2a905 905 0 0 1-29-41q1.125-1.61 3-.5a232 232 0 0 0 18 9.5" opacity=".999"/><path fill="#2272b9" d="M99.5 159.5h1q34.497.069 69 1l-3 2q.045-1.496-1.5-2A3438 3438 0 0 0 76.5 190q2.337.315 4 1.5h-8l25-30q1 0 1-1q1 0 1-1"/><path fill="#613089" d="m97.5 161.5l-25 30h-2a882 882 0 0 1-35-19q.166-.925 1-1.5z" opacity=".999"/><path fill="#254c8f" d="M166.5 162.5a59711 59711 0 0 1-41 26.5q-17.72 1.405-35 2.5h-10q-1.663-1.185-4-1.5a3438 3438 0 0 1 88.5-29.5q1.545.504 1.5 2" opacity=".994"/></svg>Como usar o ícone Oblio
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:oblio" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:oblio" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:oblio" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--oblio]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:oblio"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:oblio"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/oblio.svg" alt="Ícone Oblio" width="24" height="24">Perguntas frequentes sobre Ícone Oblio
O ícone Oblio é 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 Oblio no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:oblio" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Oblio a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/oblio.svg" alt="Ícone Oblio">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.