Shopify アイコン

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

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

fontisto:shopify

Shopify アイコン(fontisto:shopify)は、Fontisto セットの無料 SVG アイコンです（作者: Kenan Gündoğan）。 21 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fontisto
作者: Kenan Gündoğan
ライセンス: MIT
サイズ: 21 × 24
カテゴリ: ブランド

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="21" height="24" viewBox="0 0 21 24"><path fill="currentColor" d="m13.889 23.979l7.216-1.561S18.501 4.8 18.48 4.688a.22.22 0 0 0-.211-.192c-.1 0-1.929-.136-1.929-.136s-1.275-1.274-1.439-1.411a.4.4 0 0 0-.118-.073l-.003-.001l-.914 21.1h.023zm-3.627-12.674a4.2 4.2 0 0 0-1.77-.424h-.004c-1.447 0-1.5.906-1.5 1.141c0 1.232 3.24 1.715 3.24 4.629c0 2.3-1.44 3.76-3.406 3.76l-.133.002a4.68 4.68 0 0 1-3.405-1.465l-.002-.002l.646-2.086c.62.544 1.397.923 2.254 1.063l.026.003l.031.001a.945.945 0 0 0 .944-.932v-.001c0-1.619-2.654-1.694-2.654-4.359c-.038-2.235 1.567-4.416 4.823-4.416a3.96 3.96 0 0 1 1.899.372l-.024-.01l-.945 2.72l-.02.01zM9.722.83a.67.67 0 0 1 .402.136l-.002-.001C9.143 1.43 8.063 2.6 7.619 4.957a63 63 0 0 1-1.889.578C6.252 3.75 7.503.84 9.722.84zm1.23 2.949v.135c-.754.232-1.583.484-2.394.736a4.16 4.16 0 0 1 2.073-2.96l.021-.011a5.8 5.8 0 0 1 .309 2.11v-.01zm.539-2.234c.694.074 1.141.867 1.429 1.755c-.349.114-.735.231-1.158.366v-.252l.002-.132c0-.621-.1-1.22-.284-1.779l.011.04zm2.992 1.289c-.02 0-.06.021-.078.021s-.289.075-.714.21c-.423-1.233-1.176-2.37-2.508-2.37h-.115A1.65 1.65 0 0 0 9.821 0h-.004c-3.106 0-4.59 3.877-5.055 5.846c-1.194.365-2.063.636-2.16.674c-.675.213-.694.232-.772.87C1.755 7.852 0 21.453 0 21.453L13.561 24l.927-21.166z"/></svg>

Shopify アイコンの使い方

React

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

<Icon icon="fontisto:shopify" width="24" />

Vue

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

<template>
  <Icon icon="fontisto:shopify" width="24" />
</template>

Svelte

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

<Icon icon="fontisto:shopify" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--shopify]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:shopify"></div>

Web コンポーネント

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

<iconify-icon icon="fontisto:shopify"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fontisto/shopify.svg" alt="Shopify アイコン" width="24" height="24">

他のアイコンセットの Shopify アイコン

Shopify アイコンのよくある質問

Shopify アイコンは商用利用でも無料ですか?

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

React で Shopify アイコンを使うには?

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

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

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

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