أيقونة Oblio
thesvg-color:oblio
أيقونة Oblio (thesvg-color:oblio) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 192 × 192. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- theSVG Color
- المؤلف
- thesvg.org
- الترخيص
- MIT
- الحجم
- 192 × 192
شيفرة 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>كيفية استخدام أيقونة 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>مكوّن ويب
<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
<img src="https://iconyz.com/api/public/svg/thesvg-color/oblio.svg" alt="أيقونة Oblio" width="24" height="24">الأسئلة الشائعة حول أيقونة Oblio
هل أيقونة Oblio مجانية للاستخدام التجاري؟
نعم. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Oblio في React؟
ثبّت @iconify/react واعرض <Icon icon="thesvg-color:oblio" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Oblio إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/thesvg-color/oblio.svg" alt="أيقونة Oblio">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.