أيقونة Grain
material-symbols-light:grain
أيقونة Grain (material-symbols-light:grain) أيقونة SVG مجانية من مجموعة Material Symbols Light من تصميم Google. مرسومة على شبكة 24 × 24. تُنشر Material Symbols Light icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Material Symbols Light
- المؤلف
- Google
- الترخيص
- Apache-2.0
- الحجم
- 24 × 24
- الفئة
- الصور
- الوسوم
- dots، edit، editing، effect، filter، image، images، photography، picture، pictures، grain outline، grain outline rounded، grain rounded، grain sharp، grain outline sharp
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6 19.616q-.69 0-1.153-.463T4.384 18t.463-1.153T6 16.385t1.153.462T7.616 18t-.463 1.153T6 19.616m8 0q-.69 0-1.153-.463T12.385 18t.462-1.153T14 16.385t1.153.462t.463 1.153t-.463 1.153t-1.153.463m-4-4q-.69 0-1.153-.463T8.385 14t.462-1.153T10 12.385t1.153.462t.463 1.153t-.463 1.153t-1.153.463m8 0q-.69 0-1.153-.463T16.384 14t.463-1.153T18 12.385t1.153.462t.462 1.153t-.462 1.153t-1.153.463m-12-4q-.69 0-1.153-.463T4.384 10t.463-1.153T6 8.385t1.153.462T7.616 10t-.463 1.153T6 11.616m8 0q-.69 0-1.153-.463T12.385 10t.462-1.153T14 8.385t1.153.462t.463 1.153t-.463 1.153t-1.153.463m-4-4q-.69 0-1.153-.463T8.385 6t.462-1.153T10 4.384t1.153.463T11.616 6t-.463 1.153T10 7.616m8 0q-.69 0-1.153-.463T16.384 6t.463-1.153T18 4.384t1.153.463T19.615 6t-.462 1.153T18 7.616"/></svg>
كيفية استخدام أيقونة Grain
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:grain" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:grain" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:grain" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--grain]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:grain"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:grain"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/grain.svg" alt="أيقونة Grain" width="24" height="24">
أيقونة Grain في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Grain
هل أيقونة Grain مجانية للاستخدام التجاري؟
نعم. تُنشر Material Symbols Light icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Grain في React؟
ثبّت @iconify/react واعرض <Icon icon="material-symbols-light:grain" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Grain إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/material-symbols-light/grain.svg" alt="أيقونة Grain">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Material Symbols Light →
ICONYZ
