Amazon アイコン

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

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:amazon

Amazon アイコン(selfhst:amazon)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#ff6200" d="M443.4 421.5C232.1 522 100.9 437.9 16.9 386.8c-5.2-3.2-14 .8-6.4 9.6C38.6 430.3 130.2 512 249.9 512s191-65.3 199.9-76.7c8.8-11.3 2.5-17.6-6.4-13.8m59.3-32.8c-5.7-7.4-34.5-8.8-52.7-6.5c-18.2 2.2-45.5 13.3-43.1 19.9c1.2 2.5 3.7 1.4 16.2.3c12.5-1.2 47.6-5.7 54.9 3.9s-11.2 55.4-14.6 62.8c-3.3 7.4 1.2 9.3 7.4 4.4c6.1-4.9 17-17.7 24.4-35.7c7.4-18.2 11.8-43.5 7.5-49.1"/><path fill-rule="evenodd" d="M421.8 318.6c-12.4-17.2-25.5-31.1-25.5-62.8V150.2c0-44.7 3.2-85.7-29.8-116.5c-26-24.9-69-33.7-102-33.7C200.1 0 128.2 24 113 103.7c-1.5 8.5 4.6 13 10.1 14.2l65.7 7c6.1-.3 10.6-6.3 11.7-12.4c5.6-27.5 28.7-40.7 54.5-40.7c13.9 0 29.7 5.1 38 17.6c9.4 13.9 8.2 33 8.2 49.1v8.8c-39.3 4.4-90.6 7.3-127.4 23.5c-42.4 18.3-72.2 55.7-72.2 110.7c0 70.4 44.4 105.6 101.4 105.6c48.3 0 74.5-11.4 111.7-49.3c12.4 17.9 16.4 26.5 38.9 45.2c5 2.7 11.5 2.4 16-1.6l.1.2c13.5-12 38.1-33.5 51.9-45c5.5-4.6 4.6-11.9.2-18m-133.2-30.5c-10.8 19.1-27.8 30.8-46.9 30.8c-26 0-41.2-19.8-41.2-49.1c0-57.7 51.7-68.2 100.7-68.2v14.7h.1c0 26.4.7 48.4-12.7 71.8"/></svg>

Amazon アイコンの使い方

React

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

<Icon icon="selfhst:amazon" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:amazon" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:amazon" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="selfhst:amazon"></iconify-icon>

HTML 画像

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

selfh.st/icons の関連アイコン

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

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

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

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

selfh.st/icons をすべて見る →