Amazon アイコン

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

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

jam:amazon

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

アイコンセット: Jam Icons
作者: Michael Amprimo
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M11.829 4.741c-.484.038-1.043.075-1.601.15c-.856.111-1.712.261-2.42.596C6.432 6.047 5.5 7.239 5.5 8.993c0 2.2 1.415 3.317 3.202 3.317c.596 0 1.08-.073 1.526-.185c.708-.224 1.303-.634 2.01-1.38c.41.56.52.821 1.229 1.417c.186.075.372.075.52-.037a67 67 0 0 0 1.64-1.417c.185-.15.147-.373.036-.56c-.41-.522-.819-.97-.819-1.975V4.816c0-1.418.11-2.722-.93-3.69C13.057.34 11.716.042 10.675.042h-.447C8.329.155 6.319.975 5.872 3.324c-.074.298.15.41.299.449l2.084.26c.223-.038.334-.224.371-.41c.187-.82.857-1.23 1.602-1.305h.15c.445 0 .929.187 1.19.558c.297.448.26 1.045.26 1.567zm0 2.164c0 .858.036 1.529-.41 2.273c-.26.522-.707.858-1.191.97c-.074 0-.185.038-.298.038c-.818 0-1.303-.633-1.303-1.566c0-1.193.708-1.753 1.6-2.014c.485-.112 1.044-.15 1.602-.15zm6.857 8.86c.91-.77 1.294-2.167 1.314-2.897v-.122a.66.66 0 0 0-.08-.344c-.182-.222-1.518-.426-2.67-.081a3.2 3.2 0 0 0-.87.425c-.202.143-.162.323.04.304c.223-.041.506-.06.83-.102c.708-.06 1.537-.08 1.74.183c.281.343-.324 1.843-.588 2.492c-.08.203.101.285.284.142"/><path d="M.1 12.868c2.609 2.37 6.047 3.789 9.89 3.789c2.386 0 5.136-.67 7.26-1.945c.284-.163.566-.346.828-.548c.364-.262.041-.669-.323-.507c-.161.06-.344.143-.505.203a19.5 19.5 0 0 1-7.038 1.338c-3.6 0-7.078-.993-9.89-2.634c-.263-.141-.445.122-.222.304"/></g></svg>

Amazon アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

Jam Icons をすべて見る →