ICONYZ
العربية
أيقونة Susy من SVG Logos

أيقونة Susy

logos:susy

أيقونة Susy (logos:susy) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 256 × 228. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
SVG Logos
المؤلف
Gil Barbara
الترخيص
CC0-1.0
الحجم
256 × 228
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="228" viewBox="0 0 256 228"><path fill="#ff0080" d="M0 110.558v-3.22c12.546-10.645 28.043-25.5 39.605-38.127l5.903 3.961c-6.64 11.885-16.234 24.759-25.582 34.415c14.76 18.569 15.497 19.56 25.09 35.406l-5.411 3.962c-5.412-5.694-7.872-8.42-15.498-15.35c-8.855-8.42-7.872-7.182-20.663-18.076zm50.204 57.552l10.51-5.254c19.705 29.88 50.905 50.566 75.865 50.566c23.975 0 41.054-17.075 41.054-41.372c0-23.968-13.795-36.117-53.533-46.952c-47.293-12.806-65.356-30.208-65.356-64.026C58.744 27.252 85.017 0 117.203 0c8.867 0 8.21 0 28.901 6.239c2.955.985 6.897 1.642 8.539 1.642c2.298 0 5.583-.985 8.54-2.299L174.346.001l20.363 56.803l-10.51 6.895c-19.048-31.521-43.352-49.58-66.997-49.58c-20.69 0-36.126 15.432-36.126 36.446c0 20.685 14.122 34.148 43.351 41.7c14.123 3.612 24.303 6.567 29.23 7.88c29.558 8.864 47.293 32.178 47.293 61.4c0 37.103-28.572 65.997-64.699 65.997c-11.166 0-16.75-1.313-30.543-7.552c-5.911-2.627-9.524-3.611-11.823-3.611c-3.284 0-5.583.985-9.524 3.283l-12.48 7.88zm161.025-25.116c9.594-16.094 10.086-16.836 24.846-35.406c-9.348-9.657-18.942-22.53-25.583-34.416l6.148-3.961c11.317 12.627 26.322 26.987 39.36 38.128v3.22l-12.546 10.398c-4.674 3.962-18.203 16.837-27.059 25.998z"/></svg>

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

React

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

<Icon icon="logos:susy" width="24" />

Vue

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

<template>
  <Icon icon="logos:susy" width="24" />
</template>

Svelte

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

<Icon icon="logos:susy" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="logos:susy"></iconify-icon>

صورة HTML

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

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

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

نعم. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل أيقونات SVG Logos →