Amazon アイコン

Q: Amazon アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

thesvg-color:amazon

Amazon アイコン(thesvg-color:amazon)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 603 × 182 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 603 × 182

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="603" height="182" viewBox="0 0 603 182"><g fill="#221f1f"><path fill="#f90" d="M374.006 142.184c-35 25.797-85.729 39.561-129.406 39.561c-61.242 0-116.376-22.651-158.087-60.325c-3.278-2.962-.341-7 3.591-4.693c45.015 26.191 100.673 41.947 158.166 41.947c38.775 0 81.43-8.022 120.65-24.67c5.925-2.516 10.88 3.88 5.086 8.18"/><path fill="#f90" d="M388.557 125.536c-4.457-5.715-29.573-2.7-40.846-1.363c-3.434.42-3.959-2.57-.865-4.719c20.003-14.078 52.827-10.015 56.654-5.296c3.828 4.745-.996 37.648-19.793 53.352c-2.884 2.411-5.637 1.127-4.352-2.072c4.22-10.539 13.685-34.16 9.202-39.902"/><path d="M348.497 20.066V6.381c0-2.071 1.573-3.46 3.461-3.46h61.269c1.966 0 3.54 1.415 3.54 3.46V18.1c-.027 1.966-1.679 4.535-4.615 8.599l-31.749 45.329c11.798-.289 24.25 1.468 34.947 7.498c2.412 1.363 3.068 3.356 3.251 5.322V99.45c0 1.992-2.202 4.325-4.509 3.12c-18.85-9.884-43.887-10.96-64.73.104c-2.123 1.154-4.351-1.153-4.351-3.146V85.661c0-2.229.026-6.03 2.254-9.412L384.047 23.5h-32.01c-1.967 0-3.54-1.39-3.54-3.434m-223.498 85.388h-18.64c-1.783-.13-3.199-1.468-3.33-3.172V6.617c0-1.914 1.6-3.435 3.592-3.435h17.382c1.809.079 3.25 1.468 3.382 3.199v12.505h.34c4.536-12.086 13.056-17.722 24.54-17.722c11.666 0 18.954 5.636 24.198 17.722c4.509-12.086 14.76-17.722 25.744-17.722c7.813 0 16.36 3.224 21.577 10.46c5.899 8.049 4.693 19.741 4.693 29.992l-.026 60.378c0 1.913-1.6 3.46-3.592 3.46h-18.614c-1.862-.13-3.356-1.625-3.356-3.46V51.29c0-4.037.367-14.104-.524-17.932c-1.39-6.423-5.558-8.232-10.959-8.232c-4.51 0-9.228 3.015-11.142 7.839s-1.73 12.898-1.73 18.325v50.704c0 1.913-1.6 3.46-3.592 3.46h-18.614c-1.888-.13-3.356-1.625-3.356-3.46l-.026-50.704c0-10.67 1.757-26.374-11.483-26.374c-13.397 0-12.872 15.31-12.872 26.374v50.704c0 1.913-1.6 3.46-3.592 3.46M469.514 1.164c27.66 0 42.629 23.752 42.629 53.954c0 29.18-16.543 52.329-42.629 52.329c-27.16 0-41.947-23.753-41.947-53.352c0-29.782 14.97-52.931 41.947-52.931m.158 19.531c-13.738 0-14.603 18.719-14.603 30.386c0 11.692-.184 36.65 14.445 36.65c14.446 0 15.128-20.134 15.128-32.403c0-8.075-.341-17.723-2.78-25.378c-2.097-6.66-6.265-9.255-12.19-9.255m78.336 84.759h-18.562c-1.861-.13-3.356-1.625-3.356-3.46l-.026-95.692c.157-1.756 1.704-3.12 3.592-3.12h17.277c1.625.079 2.962 1.18 3.33 2.674v14.63h.34c5.217-13.083 12.532-19.322 25.404-19.322c8.363 0 16.517 3.015 21.76 11.273c4.877 7.655 4.877 20.528 4.877 29.782v60.22c-.21 1.678-1.757 3.015-3.592 3.015h-18.693c-1.704-.13-3.12-1.39-3.303-3.015V50.478c0-10.461 1.206-25.772-11.667-25.772c-4.535 0-8.704 3.042-10.775 7.656c-2.621 5.846-2.962 11.666-2.962 18.116v51.516c-.026 1.913-1.652 3.46-3.644 3.46"/><use href="#SVGNYVVZbat" transform="translate(244.367)"/><path id="SVGNYVVZbat" d="M55.288 59.758v-4.037c-13.475 0-27.71 2.884-27.71 18.771c0 8.049 4.168 13.502 11.325 13.502c5.243 0 9.936-3.225 12.898-8.468c3.67-6.45 3.487-12.506 3.487-19.768m18.798 45.434c-1.232 1.101-3.015 1.18-4.405.446c-6.187-5.139-7.288-7.524-10.696-12.427c-10.225 10.434-17.46 13.554-30.726 13.554c-15.678 0-27.895-9.674-27.895-29.048c0-15.127 8.206-25.43 19.872-30.464c10.12-4.457 24.25-5.244 35.052-6.476v-2.412c0-4.43.341-9.674-2.254-13.501c-2.281-3.435-6.633-4.85-10.46-4.85c-7.106 0-13.45 3.644-14.997 11.194c-.315 1.678-1.547 3.33-3.225 3.408l-18.09-1.94c-1.52-.34-3.198-1.573-2.778-3.906C7.652 6.853 27.446.246 45.169.246c9.07 0 20.92 2.412 28.078 9.28c9.07 8.469 8.206 19.768 8.206 32.064v29.048c0 8.73 3.618 12.558 7.026 17.277c1.206 1.678 1.468 3.697-.053 4.955c-3.801 3.172-10.565 9.071-14.288 12.375z"/></g></svg>

Amazon アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/amazon.svg" alt="Amazon アイコン" width="24" height="24">

theSVG Color の関連アイコン

他のアイコンセットの Amazon アイコン

Amazon アイコンのよくある質問

Amazon アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Amazon アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg-color:amazon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Amazon アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/amazon.svg" alt="Amazon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG Color アイコンをすべて見る →