Store 20 アイコン
energy-icons:store-20
Store 20 アイコン(energy-icons:store-20)は、Energy Icons セットの無料 SVG アイコンです（作者: Sam Passmore）。 20 × 20 のグリッドで描かれています。 Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Energy Icons
- 作者
- Sam Passmore
- ライセンス
- MIT
- サイズ
- 20 × 20
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M16.25 4.5a.5.5 0 0 1 .478.356l1.25 4.167a.5.5 0 0 1-.478.644h-15a.5.5 0 0 1-.479-.644l1.25-4.167l.03-.076a.5.5 0 0 1 .449-.28zM3.172 8.667h13.656l-.95-3.167H4.122z"/><path fill="currentColor" d="M6.747 5.05L6.33 9.217l-.994-.1l.417-4.167zM10.5 5v4.167h-1V5zm4.164 4.117l-.994.1l-.417-4.167l.994-.1z"/><path fill="currentColor" d="M3.833 9.167V17h12.334V9.167h1V17.5a.5.5 0 0 1-.5.5H3.333a.5.5 0 0 1-.5-.5V9.167z"/><path fill="currentColor" d="M11.25 12a.5.5 0 0 1 .5.5v5h-1V13h-1.5v4.5h-1v-5a.5.5 0 0 1 .5-.5zM5.5 13.667h1.083v-1.5H5.5zm2.083.083a.917.917 0 0 1-.916.917h-1.25a.917.917 0 0 1-.917-.917v-1.667c0-.508.412-.916.917-.916h1.25c.506 0 .916.41.916.916zm5.834-.083H14.5v-1.5h-1.083zm2.083.083a.92.92 0 0 1-.917.917h-1.25a.917.917 0 0 1-.916-.917v-1.667c0-.506.41-.916.916-.916h1.25c.504 0 .917.408.917.916z"/></svg>Store 20 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:store-20" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:store-20" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:store-20" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--store-20]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:store-20"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:store-20"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/energy-icons/store-20.svg" alt="Store 20 アイコン" width="24" height="24">Energy Icons の関連アイコン
Store 20 アイコン のよくある質問
Store 20 アイコンは商用利用でも無料ですか?
はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Store 20 アイコンを使うには?
@iconify/react をインストールして <Icon icon="energy-icons:store-20" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Store 20 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/store-20.svg" alt="Store 20 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。