Amazon Original アイコン
lineicons:amazon-original
Amazon Original アイコン(lineicons:amazon-original)は、Lineicons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Lineicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.545 17.345a.57.57 0 0 0 .642-.065v.001l.003.008q1.03-.915 2.08-1.802c.222-.184.183-.471.012-.721l-.161-.219c-.443-.597-.862-1.163-.862-2.297V8.02l.001-.43c.01-1.623.018-3.105-1.197-4.239c-1.04-1-2.766-1.351-4.087-1.351c-2.58 0-5.466.962-6.076 4.16c-.064.333.184.512.405.562l2.638.295c.248-.011.427-.246.473-.496c.225-1.1 1.145-1.63 2.18-1.63c.56 0 1.194.206 1.522.706c.343.5.338 1.166.333 1.764l-.001.202v.343a73 73 0 0 1-.77.08c-1.431.144-3.09.31-4.333.858c-1.703.733-2.894 2.233-2.894 4.435c0 2.821 1.775 4.23 4.061 4.23c1.928 0 2.985-.455 4.474-1.973q.109.157.2.295c.357.53.59.877 1.357 1.514M13.45 10.81c0 .994.002 1.838-.508 2.733c-.437.763-1.125 1.233-1.878 1.233c-1.042 0-1.653-.793-1.653-1.965c0-2.313 2.073-2.733 4.04-2.733l-.002.587zM11.98 22c2.58 0 5.577-.812 7.645-2.337c.344-.254.05-.632-.3-.483a18.6 18.6 0 0 1-7.129 1.457c-3.391 0-6.685-.93-9.344-2.479c-.233-.136-.4.103-.213.278C5.104 20.663 8.355 22 11.98 22"/><path fill="currentColor" d="M18.092 18.595c.674-.079 2.133-.25 2.393.084h.009c.265.338-.294 1.735-.544 2.357c-.083.19.08.265.25.123c1.11-.928 1.395-2.873 1.169-3.153c-.227-.28-2.16-.518-3.348.313c-.182.127-.152.303.052.279z"/></svg>Amazon Original アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="lineicons:amazon-original" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lineicons:amazon-original" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lineicons:amazon-original" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lineicons--amazon-original]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lineicons -->
<div class="i-lineicons:amazon-original"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lineicons:amazon-original"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/lineicons/amazon-original.svg" alt="Amazon Original アイコン" width="24" height="24">Lineicons の関連アイコン
Amazon Original アイコン のよくある質問
Amazon Original アイコンは商用利用でも無料ですか?
はい。Lineicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Amazon Original アイコンを使うには?
@iconify/react をインストールして <Icon icon="lineicons:amazon-original" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Amazon Original アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/lineicons/amazon-original.svg" alt="Amazon Original アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。