أيقونة Gleam
logos:gleam
أيقونة Gleam (logos:gleam) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 256 × 256. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- SVG Logos
- المؤلف
- Gil Barbara
- الترخيص
- CC0-1.0
- الحجم
- 256 × 256
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#f36a22" d="M256 74.981v106.038l-3.417.333l-123.367-51.822L128 128z"/><path fill="#f3852f" d="M256 181.019L181.019 256l-1.145-.881l-52.309-123.609L128 128z"/><path fill="#f2c32e" d="m128 128l-2.828 1.943l-50.636 123.898l.445 2.159h106.038z"/><path fill="#cbdc38" d="m0 181.019l3.174-2.468l121.998-51.002L128 128L74.981 256z"/><path fill="#b5d66d" d="m0 74.981l3.174-.215l123.071 50.473L128 128L0 181.019z"/><path fill="#69c5e5" d="M74.981 0L0 74.981L128 128l.225-3.256L80.496 3.026z"/><path fill="#6d9fd5" d="M74.981 0h106.038L128 128z"/></svg>
كيفية استخدام أيقونة Gleam
React
import { Icon } from "@iconify/react";
<Icon icon="logos:gleam" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:gleam" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:gleam" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--gleam]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:gleam"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:gleam"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/logos/gleam.svg" alt="أيقونة Gleam" width="24" height="24">
أيقونة Gleam في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Gleam
هل أيقونة Gleam مجانية للاستخدام التجاري؟
نعم. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Gleam في React؟
ثبّت @iconify/react واعرض <Icon icon="logos:gleam" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Gleam إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/logos/gleam.svg" alt="أيقونة Gleam">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات SVG Logos →
ICONYZ
