Amazon Q アイコン
thesvg-color:amazon-q
Amazon Q アイコン(thesvg-color:amazon-q)は、theSVG Color セットの無料 SVG アイコンです（作者: 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>
Web コンポーネント
<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">
Amazon Q アイコン のよくある質問
Amazon Q アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Amazon Q アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
theSVG Color アイコン をすべて見る →
ICONYZ
