Oblio ikonu
thesvg-color:oblio
Oblio ikonu (thesvg-color:oblio), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 192 × 192 ızgara üzerinde çizilmiştir. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- theSVG Color
- Yazar
- thesvg.org
- Lisans
- MIT
- Boyut
- 192 × 192
SVG kodu
<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>Oblio ikonu nasıl kullanılır
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 bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:oblio"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/thesvg-color/oblio.svg" alt="Oblio ikonu" width="24" height="24">Oblio ikonu: sık sorulan sorular
Oblio ikonu ticari kullanım için ücretsiz mi?
Evet. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Oblio ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="thesvg-color:oblio" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Oblio ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/thesvg-color/oblio.svg" alt="Oblio ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.