أيقونة Stencil

file-icons:stencil

أيقونة Stencil (file-icons:stencil) أيقونة SVG مجانية من مجموعة File Icons من تصميم John Gardner. مرسومة على شبكة 405 × 512. تُنشر File Icons بموجب ترخيص ISC، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: File Icons
المؤلف: John Gardner
الترخيص: ISC
الحجم: 405 × 512

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="405" height="512" viewBox="0 0 405 512"><path fill="currentColor" d="M373.951 348.434s16.838-36.262-4.16-112.272c-23.284-84.26-112.28-137.209-112.28-137.209c70.184 107.862 39.244 174.285 33.26 187.121c-14.537.85-195.417-153.843-195.417-153.843s83.783 117.281 120.575 145.522c2.815 2.142-117.76-82.225-166.309-124.736c64.36 103.259 182.952 199.577 182.952 199.577s-12.925 19.866-74.841 24.947s-111.634-28.24-149.684-49.894C86.466 440.202 179.58 451.232 224.268 452.383c77.604 1.983 92.406-39.165 133.058-33.269c44.37 6.427 47.674 38.57 47.674 38.57V512H0V2h286l119 119v286.707c-7.598-24.136-17.278-43.53-31.049-59.273"/></svg>

كيفية استخدام أيقونة Stencil

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:stencil" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:stencil" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:stencil" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--stencil]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:stencil"></div>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:stencil"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/file-icons/stencil.svg" alt="أيقونة Stencil" width="24" height="24">

أيقونة Stencil في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Stencil

هل أيقونة Stencil مجانية للاستخدام التجاري؟

نعم. تُنشر File Icons بموجب ترخيص ISC، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Stencil في React؟

ثبّت @iconify/react واعرض <Icon icon="file-icons:stencil" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Stencil إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/file-icons/stencil.svg" alt="أيقونة Stencil">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل File Icons →