أيقونة Gleam
thesvg-color:gleam
أيقونة Gleam (thesvg-color:gleam) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 2000 × 1915. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- theSVG Color
- المؤلف
- thesvg.org
- الترخيص
- MIT
- الحجم
- 2000 × 1915
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2000" height="1915" viewBox="0 0 2000 1915"><path fill="#ffaff3" d="M905.5 95.13c41.483-73.507 147.51-73.507 189 0l217.42 385.27c26.9 47.672 73.23 81.278 126.9 92.095l434.05 87.471c82.87 16.699 115.52 117.34 58.4 179.4l-299.67 325.58a188.15 188.15 0 0 0-48.49 149.06l50.83 439.33c9.69 83.71-75.98 146.04-152.89 110.88l-402.64-184.05a188.55 188.55 0 0 0-156.82 0l-402.63 184.05c-76.916 35.15-162.58-27.17-152.9-110.88l50.837-439.33c6.292-54.37-11.413-108.78-48.488-149.06l-299.68-325.58c-57.118-62.055-24.463-162.7 58.403-179.4l434.05-87.471c53.674-10.817 100-44.423 126.9-92.095z"/><g fill="#151515"><path d="M1000 1.287c-50.71 0-101.42 24.727-129.33 74.184l-217.42 385.27c-21.197 37.562-57.654 64.015-99.969 72.543l-434.05 87.47c-111.38 22.446-156.79 162.2-79.932 245.7l299.68 325.58a148.08 148.08 0 0 1 38.183 117.37l-50.836 439.33c-13.042 112.71 105.87 199.11 209.26 151.86l.002-.002l402.64-184.05l.002-.002a148.48 148.48 0 0 1 123.55 0l.002.002l402.64 184.05c103.38 47.263 222.3-39.144 209.25-151.86l.002.002l-50.83-439.33v-.002a148.07 148.07 0 0 1 38.181-117.37l.002-.004l299.67-325.59v-.002c76.858-83.5 31.455-223.25-79.93-245.7l-434.05-87.47c-42.311-8.527-78.773-34.981-99.967-72.54l-217.42-385.28c-27.914-49.455-78.626-74.182-129.34-74.182m.002 77.426c23.044 0 46.09 12.026 59.666 36.078l217.42 385.27c32.606 57.784 88.805 98.544 153.83 111.65l434.05 87.47c54.356 10.954 74.253 72.488 36.872 113.1l-299.67 325.59c-44.938 48.81-66.415 114.84-58.793 180.74l50.83 439.33v.001c6.333 54.706-46.086 92.96-96.523 69.903h-.002l-402.64-184.05c-60.336-27.588-129.75-27.588-190.09.002l-402.63 184.05c-50.446 23.052-102.86-15.196-96.535-69.902l50.838-439.33c7.627-65.91-13.86-131.93-58.793-180.75l-299.68-325.58c-37.378-40.609-17.476-102.14 36.874-113.1l434.05-87.473c65.032-13.106 121.23-53.865 153.84-111.65v-.002l217.42-385.27c13.573-24.05 36.616-36.076 59.66-36.076"/><circle cx="678.57" cy="1007.1" r="78.571"/><circle cx="1321.4" cy="1007.1" r="78.571"/><path d="M929.244 1112.08a40 40 0 0 0-31.543 46.96a104.3 104.3 0 0 0 15.485 37.634l.001.002l.002.004a104.2 104.2 0 0 0 28.715 28.834l.008.006a104.3 104.3 0 0 0 37.533 15.652l.014.004l.016.002a104.4 104.4 0 0 0 40.666.082h.004a104.3 104.3 0 0 0 37.625-15.477l.005-.004l.008-.004a104.3 104.3 0 0 0 28.819-28.699a104.1 104.1 0 0 0 15.664-37.588a40 40 0 0 0-31.35-47.086a40 40 0 0 0-47.086 31.352a24.1 24.1 0 0 1-3.627 8.7l-.012.015l-.01.017a24.2 24.2 0 0 1-6.7 6.676a24.2 24.2 0 0 1-8.75 3.596l-.01.002l-.01.002c-3.13.615-6.348.61-9.475-.016a24.3 24.3 0 0 1-8.734-3.646l-.014-.01l-.011-.008a24.2 24.2 0 0 1-6.666-6.693l-.002-.004l-.002-.002a24.3 24.3 0 0 1-3.604-8.76a40 40 0 0 0-46.959-31.543"/></g></svg>كيفية استخدام أيقونة Gleam
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:gleam" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:gleam" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:gleam" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--gleam]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:gleam"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:gleam"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/gleam.svg" alt="أيقونة Gleam" width="24" height="24">أيقونة Gleam في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Gleam
هل أيقونة Gleam مجانية للاستخدام التجاري؟
نعم. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Gleam في React؟
ثبّت @iconify/react واعرض <Icon icon="thesvg-color:gleam" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Gleam إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/thesvg-color/gleam.svg" alt="أيقونة Gleam">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.