ICONYZ
日本語
Remix Icon の Store 2 Line アイコン

Store 2 Line アイコン

ri:store-2-line

Store 2 Line アイコン(ri:store-2-line)は、Remix Icon セットの無料 SVG アイコンです（作者: Remix Design）。 24 × 24 のグリッドで描かれています。 Remix Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Remix Icon
作者
Remix Design
ライセンス
Apache-2.0
サイズ
24 × 24
カテゴリ
建物
タグ
storeline
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21 13.242V20h1v2H2v-2h1v-6.758A4.5 4.5 0 0 1 1 9.5c0-.827.224-1.624.633-2.303L4.345 2.5a1 1 0 0 1 .866-.5H18.79a1 1 0 0 1 .866.5l2.703 4.682c.418.694.642 1.49.642 2.318c0 1.56-.794 2.935-2 3.742m-2 .73a4.5 4.5 0 0 1-3.75-1.36A4.5 4.5 0 0 1 12 14.001a4.5 4.5 0 0 1-3.25-1.387A4.5 4.5 0 0 1 5 13.973V20h14zM5.789 4L3.356 8.213a2.5 2.5 0 1 0 4.466 2.216c.335-.837 1.52-.837 1.856 0a2.5 2.5 0 0 0 4.644 0c.335-.837 1.52-.837 1.856 0a2.5 2.5 0 1 0 4.457-2.232L18.21 4z"/></svg>

Store 2 Line アイコンの使い方

React

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

<Icon icon="ri:store-2-line" width="24" />

Vue

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

<template>
  <Icon icon="ri:store-2-line" width="24" />
</template>

Svelte

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

<Icon icon="ri:store-2-line" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ri--store-2-line]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ri -->
<div class="i-ri:store-2-line"></div>

Web コンポーネント

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

<iconify-icon icon="ri:store-2-line"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ri/store-2-line.svg" alt="Store 2 Line アイコン" width="24" height="24">

Remix Icon の関連アイコン

store-2-fill アイコン
store-2-fill
 store-3-fill アイコン
store-3-fill
 store-3-line アイコン
store-3-line
 store-fill アイコン
store-fill
 store-line アイコン
store-line

他のアイコンセットの Store 2 Line アイコン

MingCute Icon の Store 2 Line アイコン
MingCute Icon

Store 2 Line アイコン のよくある質問

Store 2 Line アイコンは商用利用でも無料ですか?

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

React で Store 2 Line アイコンを使うには?

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

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

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

Remix Icon アイコン をすべて見る →