أيقونة Ampersand Outline

glyphs:ampersand-outline

أيقونة Ampersand Outline (glyphs:ampersand-outline) أيقونة SVG مجانية من مجموعة Glyphs من تصميم Goran Spasojevic. مرسومة على شبكة 80 × 80. تُنشر Glyphs icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Glyphs
المؤلف: Goran Spasojevic
الترخيص: MIT
الحجم: 80 × 80
الوسوم: ampersandoutline

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M36.267 18a7.6 7.6 0 1 0 0 15.2h12.4v-2.8a2 2 0 1 1 4 0v2.8H56a2 2 0 1 1 0 4h-3.333v13.467C52.667 59.135 45.802 66 37.333 66S22 59.135 22 50.667V49.6c0-6.038 3.263-11.313 8.121-14.16a11.59 11.59 0 0 1-5.454-9.84c0-6.407 5.193-11.6 11.6-11.6h6.4a2 2 0 0 1 0 4zM26 49.6c0-6.848 5.552-12.4 12.4-12.4h10.267v13.467C48.667 56.926 43.593 62 37.333 62S26 56.926 26 50.667z" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="glyphs:ampersand-outline" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:ampersand-outline" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:ampersand-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--ampersand-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:ampersand-outline"></div>

مكوّن ويب

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

<iconify-icon icon="glyphs:ampersand-outline"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/glyphs/ampersand-outline.svg" alt="أيقونة Ampersand Outline" width="24" height="24">

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

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

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

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

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

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

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

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

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