Shop 2 Broken アイコン
solar:shop-2-broken
Shop 2 Broken アイコン(solar:shop-2-broken)は、Solar セットの無料 SVG アイコンです(作者: 480 Design)。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- ショッピング
- タグ
- shopbroken
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M9.5 21.5V18.5C9.5 17.5654 9.5 17.0981 9.70096 16.75C9.83261 16.522 10.022 16.3326 10.25 16.201C10.5981 16 11.0654 16 12 16C12.9346 16 13.4019 16 13.75 16.201C13.978 16.3326 14.1674 16.522 14.299 16.75C14.5 17.0981 14.5 17.5654 14.5 18.5V21.5"/><path d="M21 22H9M3 22H5.5"/><path d="M19 22V15"/><path d="M5 22V15"/><path stroke-linejoin="round" d="M11.9999 2H7.47214C6.26932 2 5.66791 2 5.18461 2.2987C4.7013 2.5974 4.43234 3.13531 3.89443 4.21114L2.49081 7.75929C2.16652 8.57905 1.88279 9.54525 2.42867 10.2375C2.79489 10.7019 3.36257 11 3.99991 11C5.10448 11 5.99991 10.1046 5.99991 9C5.99991 10.1046 6.89534 11 7.99991 11C9.10448 11 9.99991 10.1046 9.99991 9C9.99991 10.1046 10.8953 11 11.9999 11C13.1045 11 13.9999 10.1046 13.9999 9C13.9999 10.1046 14.8953 11 15.9999 11C17.1045 11 17.9999 10.1046 17.9999 9C17.9999 10.1046 18.8953 11 19.9999 11C20.6373 11 21.205 10.7019 21.5712 10.2375C22.1171 9.54525 21.8334 8.57905 21.5091 7.75929L20.1055 4.21114C19.5676 3.13531 19.2986 2.5974 18.8153 2.2987C18.332 2 17.7306 2 16.5278 2H16"/></g></svg>Shop 2 Broken アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:shop-2-broken" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:shop-2-broken" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:shop-2-broken" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--shop-2-broken]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:shop-2-broken"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:shop-2-broken"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/shop-2-broken.svg" alt="Shop 2 Broken アイコン" width="24" height="24">Solar の関連アイコン
shop-2-bold
shop-2-bold-duotone
shop-2-line-duotone
shop-2-linear
shop-2-outline
shop-bold
shop-bold-duotone
shop-broken
shop-line-duotone
shop-linear
shop-minimalistic-bold
shop-minimalistic-bold-duotone
shop-minimalistic-broken
shop-minimalistic-line-duotone
shop-minimalistic-linear
shop-minimalistic-outline
shop-outline
Shop 2 Broken アイコン のよくある質問
Shop 2 Broken アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Shop 2 Broken アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:shop-2-broken" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Shop 2 Broken アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/shop-2-broken.svg" alt="Shop 2 Broken アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。