أيقونة Quote Bold

glyphs:quote-bold

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

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

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path fill-rule="evenodd" d="M16 34c0-5.523 4.477-10 10-10a4 4 0 0 0 0-8c-9.941 0-18 8.059-18 18v19c0 6.075 4.925 11 11 11h6c6.075 0 11-4.925 11-11v-6c0-6.075-4.925-11-11-11h-6a11 11 0 0 0-3 .414z" clip-rule="evenodd"/><path d="M16 36.414h-2a2 2 0 0 0 2.544 1.925zM26 22c-6.627 0-12 5.373-12 12h4a8 8 0 0 1 8-8zm2-2a2 2 0 0 1-2 2v4a6 6 0 0 0 6-6zm-2-2a2 2 0 0 1 2 2h4a6 6 0 0 0-6-6zM10 34c0-8.837 7.163-16 16-16v-4C14.954 14 6 22.954 6 34zm0 13V34H6v13zm-4 0v3h4v-3zm0 3v3h4v-3zm0 3c0 7.18 5.82 13 13 13v-4a9 9 0 0 1-9-9zm13 13h6v-4h-6zm6 0c7.18 0 13-5.82 13-13h-4a9 9 0 0 1-9 9zm13-13v-6h-4v6zm0-6c0-7.18-5.82-13-13-13v4a9 9 0 0 1 9 9zM25 34h-6v4h6zm-6 0c-1.226 0-2.415.17-3.544.49l1.088 3.849A9 9 0 0 1 19 38zm-5 0v2.414h4V34z"/><path fill-rule="evenodd" d="M52 34c0-5.523 4.477-10 10-10a4 4 0 0 0 0-8c-9.941 0-18 8.059-18 18v19c0 6.075 4.925 11 11 11h6c6.075 0 11-4.925 11-11v-6c0-6.075-4.925-11-11-11h-6a11 11 0 0 0-3 .414z" clip-rule="evenodd"/><path d="M52 36.414h-2a2 2 0 0 0 2.544 1.925zM62 22c-6.627 0-12 5.373-12 12h4a8 8 0 0 1 8-8zm2-2a2 2 0 0 1-2 2v4a6 6 0 0 0 6-6zm-2-2a2 2 0 0 1 2 2h4a6 6 0 0 0-6-6zM46 34c0-8.837 7.163-16 16-16v-4c-11.046 0-20 8.954-20 20zm0 13V34h-4v13zm-4 0v3h4v-3zm0 3v3h4v-3zm0 3c0 7.18 5.82 13 13 13v-4a9 9 0 0 1-9-9zm13 13h6v-4h-6zm6 0c7.18 0 13-5.82 13-13h-4a9 9 0 0 1-9 9zm13-13v-6h-4v6zm0-6c0-7.18-5.82-13-13-13v4a9 9 0 0 1 9 9zM61 34h-6v4h6zm-6 0c-1.226 0-2.415.17-3.544.49l1.088 3.849A9 9 0 0 1 55 38zm-5 0v2.414h4V34z"/></g></svg>

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

React

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

<Icon icon="glyphs:quote-bold" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:quote-bold" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:quote-bold" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="glyphs:quote-bold"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/glyphs/quote-bold.svg" alt="أيقونة Quote Bold" width="24" height="24">

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

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

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

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

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

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

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

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

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

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