ICONYZ
العربية
أيقونة Tsumugi من Arcticons

أيقونة Tsumugi

arcticons:tsumugi

أيقونة Tsumugi (arcticons:tsumugi) أيقونة SVG مجانية من مجموعة Arcticons من تصميم Donnnno. مرسومة على شبكة 48 × 48. تُنشر Arcticons بموجب ترخيص CC BY-SA 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه ومشاركة أي تعديلات على الأيقونات بالترخيص نفسه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Arcticons
المؤلف
Donnnno
الترخيص
CC-BY-SA-4.0
الحجم
48 × 48
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><circle cx="36.078" cy="19.177" r="1.53" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M37.607 19.177V10.91s3.95 2.438 3.95 3.95a2.96 2.96 0 0 1-1.447 2.335M11.746 34.022s4.4.004 4.4-4.4s-1.773-7.21-3.884-7.21"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.262 22.411s.261-2.451-1.342-2.451s-1.27 2.617-1.27 2.617s-3.755.39-3.001 6.25s5.098 5.195 5.098 5.195m-.824-14.062a15.5 15.5 0 0 1 .107-2.636m-1.484-.873s-.2.872 1.485.872s2.183-.056 2.248-.602s.317-2.213-.173-2.213S14.45 10 15.766 8.649s2.46-2.433 4.349-2.46s-3.213-1.47-5.322-.1a11.34 11.34 0 0 0-3.63 4.123c-.187.453-.935 2.467-1.006 2.845s-.18 1.415-.18 1.415s-.462-.379-.431 1.98m3.135 17.455s-2.42 2.662-2.01 8.593m3.009-8.904s-.785 5.193.772 8.904m6.761 0a28.2 28.2 0 0 1-.975-6.522c0-3.963-2.632-9.715-4.588-10.047"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.248 24.679c-1.316-1.73-4.967-6.653-.182-13.76m3.457-4.809a20.9 20.9 0 0 1 7.518 3.32c5.183 3.394 1.697 13.965 1.515 13.995c0 0 1.9-10.76-7.27-14.665"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M22.286 8.76s4.918 2.136 2.12 15.02"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24.407 23.78s-.953-6.111-1.957-7.212m-2.79-7.675s.968 9.831-3.746 12.322M34.666 42.5a5.5 5.5 0 0 1 .196-2.552c.445-.872-.337-8.152-.576-9.017s-.023-2.148 1.073-.917s2.07 8.34 2.07 8.34"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M34.666 42.5a4.75 4.75 0 0 0 1.534-1.954c.422-1.557 1.635-2.435 1.635-2.913s-.118-1.688.158-1.507c1.662 1.083 1.983 2.26.746 3.232"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M37.673 36.106s.975-1.038 1.393-.999s1.361 2.928 1.361 2.928"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M39.923 36.635a1.377 1.377 0 0 1 2.065.226m-3.82-4.173a6.66 6.66 0 0 0-1.52-5.025c-3.409-4.54-5.64-8.233-5.81-10.363m-1.282 6.126c-.31.89 2.24 1.147 1.63 5.015a27 27 0 0 1-2.23 7.068l-5.97-.372s-2.556 3.726-2.307 4.94"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M26.624 35.364a78 78 0 0 0 3.287 7.059m-5.598-7.203a43.3 43.3 0 0 0 1.803 7.28m2.562-16.18s.136-1.129-.11-1.129a11 11 0 0 1-1.727-.958M14.264 6.464s-6.135.051-8.529 3.995m33.004 28.899a6.5 6.5 0 0 0-.787 3.142"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M40.427 38.035s1.474 2.62-2.095 2.39"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M41.988 36.86s1.16 2.592-1.265 2.41"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M41.259 39.261s.957 2.164.056 3.239"/></svg>

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

React

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

<Icon icon="arcticons:tsumugi" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:tsumugi" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:tsumugi" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--tsumugi]"></span>

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="arcticons:tsumugi"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/arcticons/tsumugi.svg" alt="أيقونة Tsumugi" width="24" height="24">

أيقونات ذات صلة في Arcticons

أيقونة tsumugino
tsumugino

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

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

نعم. تُنشر Arcticons بموجب ترخيص CC BY-SA 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه ومشاركة أي تعديلات على الأيقونات بالترخيص نفسه.

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

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

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

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

تصفح كل Arcticons →