ICONYZ
العربية
أيقونة Armonika من theSVG Color

أيقونة Armonika

thesvg-color:armonika

أيقونة Armonika (thesvg-color:armonika) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 150 × 150. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
theSVG Color
المؤلف
thesvg.org
الترخيص
MIT
الحجم
150 × 150
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"><g fill="none"><rect width="150" height="150" fill="url(#SVGPlJiKcPs)" rx="17"/><rect width="149" height="149" x=".5" y=".5" stroke="#000" stroke-opacity=".06" rx="16.5"/><path fill="#0a0c11" d="M87.182 23.916c-.404-1.062-1.6-1.927-2.659-1.927H73.62c-1.05 0-2.255.865-2.677 1.927L30.995 125.317c-.413 1.062.104 1.927 1.162 1.927h16.54c1.05 0 2.255-.865 2.66-1.927l7.039-18.233c.413-1.062 1.059-2.81 1.437-3.882l4.544-12.82a709 709 0 0 1 1.394-3.9l.379-1.043c.387-1.072.706-1.946.706-1.946s.318-.874.705-1.945l10.525-29.032c.387-1.072 1.024-1.072 1.403 0L91.683 86.49c.387 1.072.998 2.83 1.36 3.91l4.303 12.792c.361 1.081.998 2.829 1.402 3.891l7.04 18.233c.413 1.062 1.609 1.927 2.659 1.927h16.05c1.075 0 1.798-1.194 1.385-2.275z"/><path fill="#05f" d="M82.826 96.637c0 1.302-.97 2.358-2.168 2.358h-53.49c-1.197 0-2.168-1.056-2.168-2.358v-14.93c0-1.301.97-2.357 2.169-2.357h53.489c1.197 0 2.168 1.056 2.168 2.358z"/><defs><linearGradient id="SVGPlJiKcPs" x1="75" x2="75" y1="0" y2="247" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#ebebeb"/></linearGradient></defs></g></svg>

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

React

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

<Icon icon="thesvg-color:armonika" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:armonika" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:armonika" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--armonika]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:armonika"></div>

مكوّن ويب

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

<iconify-icon icon="thesvg-color:armonika"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/armonika.svg" alt="أيقونة Armonika" width="24" height="24">

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

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

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

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

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

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

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

تصفح كل أيقونات theSVG Color →