أيقونة Amazon Q
thesvg-color:amazon-q
أيقونة Amazon Q (thesvg-color:amazon-q) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 842 × 595. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- theSVG Color
- المؤلف
- thesvg.org
- الترخيص
- MIT
- الحجم
- 842 × 595
- الوسوم
- amazonq
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="842" height="595" viewBox="0 0 842 595"><defs><linearGradient id="SVGFgGnHeJb" x1="56.8" x2="-1.1" y1="647.8" y2="536.3" gradientTransform="matrix(3 0 0 -3 349.3 2027.2)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2fabff"/><stop offset=".3" stop-color="#5570ff"/><stop offset=".6" stop-color="#7b36ff"/><stop offset=".8" stop-color="#6a2cdc"/><stop offset="1" stop-color="#5921b8"/></linearGradient></defs><path fill="none" d="M69.2 33.9h704v528h-704z"/><path fill="url(#SVGFgGnHeJb)" d="M452.1 74c-19.6-11.3-43.8-11.3-63.4 0l-145.3 83.9c-19.6 11.3-31.7 32.3-31.7 54.9v167.8c0 22.7 12.1 43.6 31.7 54.9l145.3 83.9c19.6 11.3 43.8 11.3 63.4 0l145.3-83.9c19.6-11.3 31.7-32.3 31.7-54.9V212.8c0-22.7-12.1-43.6-31.7-54.9z"/><path fill="#fff" d="m438.6 293.4l-12.7 25.4l120.5 69.8l12.7-25.4zm-15.9-23.6c-2-1.1-4.4-1.1-6.3 0L395.3 282c-2 1.1-3.2 3.2-3.2 5.5v24.4c0 2.3 1.2 4.4 3.2 5.5l21.1 12.2c2 1.1 4.4 1.1 6.3 0l21.1-12.2c2-1.1 3.2-3.2 3.2-5.5v-24.4c0-2.3-1.2-4.4-3.2-5.5zm-11.1-106.4c7.9-4.5 17.5-4.5 25.4 0l98.2 56.7c7.9 4.5 12.7 12.9 12.7 22v113.4c0 9.1-4.8 17.4-12.7 22L437 434.2c-7.9 4.5-17.5 4.5-25.4 0l-98.2-56.7c-7.9-4.5-12.7-12.9-12.7-22V242.1c0-9.1 4.8-17.4 12.7-22zm-15.9-28.2l-103.1 59.5c-15.7 9.1-25.4 25.8-25.4 44v119c0 18.1 9.7 34.9 25.4 44l103.1 59.5c15.7 9.1 35 9.1 50.8 0l103.1-59.5c15.7-9.1 25.4-25.8 25.4-44v-119c0-18.1-9.7-34.9-25.4-44l-103.1-59.5c-15.7-9.1-35-9.1-50.8 0"/></svg>كيفية استخدام أيقونة Amazon Q
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:amazon-q" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:amazon-q" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:amazon-q" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--amazon-q]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:amazon-q"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:amazon-q"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/amazon-q.svg" alt="أيقونة Amazon Q" width="24" height="24">أيقونات ذات صلة في theSVG Color
الأسئلة الشائعة حول أيقونة Amazon Q
هل أيقونة Amazon Q مجانية للاستخدام التجاري؟
نعم. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Amazon Q في React؟
ثبّت @iconify/react واعرض <Icon icon="thesvg-color:amazon-q" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Amazon Q إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/thesvg-color/amazon-q.svg" alt="أيقونة Amazon Q">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.