Shop Minimalistic Bold アイコン

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

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:shop-minimalistic-bold

Shop Minimalistic Bold アイコン(solar:shop-minimalistic-bold)は、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
カテゴリ: ショッピング
タグ: shopminimalistic、minimalisticbold、shopminimalisticbold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M19 14.25C19.4142 14.25 19.75 14.5858 19.75 15V21.25H21C21.4142 21.25 21.75 21.5858 21.75 22C21.75 22.4142 21.4142 22.75 21 22.75H3C2.58579 22.75 2.25 22.4142 2.25 22C2.25 21.5858 2.58579 21.25 3 21.25H4.25V15C4.25 14.5858 4.58579 14.25 5 14.25C5.41421 14.25 5.75 14.5858 5.75 15V21.25H18.25V15C18.25 14.5858 18.5858 14.25 19 14.25Z"/><path d="M16.5278 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 2Z"/></g></svg>

Shop Minimalistic Bold アイコンの使い方

React

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

<Icon icon="solar:shop-minimalistic-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:shop-minimalistic-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:shop-minimalistic-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--shop-minimalistic-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:shop-minimalistic-bold"></div>

Web コンポーネント

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

<iconify-icon icon="solar:shop-minimalistic-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/shop-minimalistic-bold.svg" alt="Shop Minimalistic Bold アイコン" width="24" height="24">

Solar の関連アイコン

Shop Minimalistic Bold アイコンのよくある質問

Shop Minimalistic Bold アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Shop Minimalistic Bold アイコンを使うには?

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

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

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

Solar アイコンをすべて見る →