ICONYZ
العربية
أيقونة Style Three Pin Factory من Ultimate color icons

أيقونة Style Three Pin Factory

streamline-ultimate-color:style-three-pin-factory

أيقونة Style Three Pin Factory (streamline-ultimate-color:style-three-pin-factory) أيقونة SVG مجانية من مجموعة Ultimate color icons من تصميم Streamline. مرسومة على شبكة 24 × 24. تُنشر Ultimate color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Ultimate color icons
المؤلف
Streamline
الترخيص
CC-BY-4.0
الحجم
24 × 24
الفئة
الأعمال والمنتجات
الوسوم
stylethree، threepin، pinfactory، stylethreepinfactory
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#e3e3e3" d="M12 1c2.07-.003 4.098.584 5.846 1.693c4.544 2.88 4.879 8.829 1.258 13.178A55 55 0 0 1 12 23a55 55 0 0 1-7.104-7.129C1.276 11.521 1.61 5.573 6.154 2.693A10.9 10.9 0 0 1 12 1"/><path fill="#fff" d="M12 23a55 55 0 0 1-7.104-7.129C1.276 11.521 1.61 5.573 6.154 2.693A10.9 10.9 0 0 1 12 1z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M12 1c2.07-.003 4.098.584 5.846 1.693c4.544 2.88 4.879 8.829 1.258 13.178A55 55 0 0 1 12 23a55 55 0 0 1-7.104-7.129C1.276 11.521 1.61 5.573 6.154 2.693A10.9 10.9 0 0 1 12 1"/><path fill="#ffef5e" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M9.609 11.522L9.173 7.17a.48.48 0 0 0-.478-.43h-1a.48.48 0 0 0-.478.477v7.653a.48.48 0 0 0 .479.478h8.608a.48.48 0 0 0 .479-.478v-4.488a.478.478 0 0 0-.692-.428l-3.135 1.568v-1.09a.477.477 0 0 0-.715-.415z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M11.044 13.435H12m1.914 0h.956M8.175 4.826a2.07 2.07 0 0 1 1.913-.957c1.435 0 1.435 1.914 2.87 1.914a2.07 2.07 0 0 0 1.912-.957"/></g></svg>

كيفية استخدام أيقونة Style Three Pin Factory

React

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

<Icon icon="streamline-ultimate-color:style-three-pin-factory" width="24" />

Vue

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

<template>
  <Icon icon="streamline-ultimate-color:style-three-pin-factory" width="24" />
</template>

Svelte

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

<Icon icon="streamline-ultimate-color:style-three-pin-factory" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--style-three-pin-factory]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:style-three-pin-factory"></div>

مكوّن ويب

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

<iconify-icon icon="streamline-ultimate-color:style-three-pin-factory"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/style-three-pin-factory.svg" alt="أيقونة Style Three Pin Factory" width="24" height="24">

أيقونات ذات صلة في Ultimate color icons

الأسئلة الشائعة حول أيقونة Style Three Pin Factory

هل أيقونة Style Three Pin Factory مجانية للاستخدام التجاري؟

نعم. تُنشر Ultimate color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Style Three Pin Factory في React؟

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

كيف أضيف أيقونة Style Three Pin Factory إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/style-three-pin-factory.svg" alt="أيقونة Style Three Pin Factory">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Ultimate color icons →