أيقونة Jasmine
thesvg-color:jasmine
أيقونة Jasmine (thesvg-color:jasmine) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 256 × 255. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- theSVG Color
- المؤلف
- thesvg.org
- الترخيص
- MIT
- الحجم
- 256 × 255
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="255" viewBox="0 0 256 255"><g fill="#8a4182"><path d="M118 105h20l5-6V46h-30v53zm-12 24l6-19l-5-7l-51-16l-9 28l51 16zm18 19l-16-11l-8 2l-31 43l24 17l31-42zm24-11l-16 11v9l31 42l24-17l-31-43zm-3-27l6 19l8 2l50-16l-9-28l-50 16z"/><path d="M128 0C58 0 0 57 0 127a128 128 0 0 0 256 0C256 57 199 0 128 0m0 26c56 0 102 45 102 101s-46 102-102 102S26 183 26 127S72 26 128 26"/><path d="m206 155l-39-12l3-8l38 13zm-49-61l-7-5l24-32l6 5zm-57 0L76 61l7-4l24 32zm-49 61l-3-8l38-12l3 8zm73 53h8v-40h-8z"/></g></svg>
كيفية استخدام أيقونة Jasmine
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:jasmine" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:jasmine" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:jasmine" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--jasmine]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:jasmine"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:jasmine"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/jasmine.svg" alt="أيقونة Jasmine" width="24" height="24">
أيقونة Jasmine في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Jasmine
هل أيقونة Jasmine مجانية للاستخدام التجاري؟
نعم. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Jasmine في React؟
ثبّت @iconify/react واعرض <Icon icon="thesvg-color:jasmine" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Jasmine إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/thesvg-color/jasmine.svg" alt="أيقونة Jasmine">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات theSVG Color →
ICONYZ
