أيقونة Symphony

whh:symphony

أيقونة Symphony (whh:symphony) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 1024 × 1024. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: WebHostingHub Glyphs
المؤلف: WebHostingHub
الترخيص: OFL-1.1
الحجم: 1024 × 1024

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M896 1024q-53 0-90.5-37.5T768 896t37.5-90.5T896 768t90.5 37.5T1024 896t-37.5 90.5T896 1024M288 448q5 2 16 6q33 14 49.5 20.5T399 494t43.5 22t37 23.5t34 28t25.5 32t20.5 38.5t11.5 45t5 53q0 124-83.5 206T288 1024q-59 0-103-11t-77.5-35.5T50 923T0 848l96-80q27 54 76 91t116 37q66 0 113-47t47-113q0-26-8-47t-18.5-34.5t-34.5-29t-43-24.5t-56-25q-5-2-16-6q-33-14-49.5-20.5T177 530t-43.5-22t-37-23.5t-34-28t-25.5-32T16.5 386T5 341t-5-53Q0 169 84.5 84.5T288 0q111 0 192.5 73.5T574 256H445q-11-55-55-91.5T288 128q-66 0-113 47t-47 113q0 25 12.5 47.5t37 42.5t49.5 35.5t61 34.5"/></svg>

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

React

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

<Icon icon="whh:symphony" width="24" />

Vue

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

<template>
  <Icon icon="whh:symphony" width="24" />
</template>

Svelte

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

<Icon icon="whh:symphony" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="whh:symphony"></iconify-icon>

صورة HTML

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

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

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

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

نعم. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل أيقونات WebHostingHub Glyphs →