Opencart アイコン
fontisto:opencart
Opencart アイコン(fontisto:opencart)は、Fontisto セットの無料 SVG アイコンです(作者: Kenan Gündoğan)。 33 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fontisto
- 作者
- Kenan Gündoğan
- ライセンス
- MIT
- サイズ
- 33 × 24
- カテゴリ
- ブランド
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="33" height="24" viewBox="0 0 33 24"><path fill="currentColor" d="M22.06 21.626v.002A2.37 2.37 0 0 1 19.688 24h-.035A2.3 2.3 0 0 1 18 23.305a2.27 2.27 0 0 1-.703-1.645v-.037v.002a2.4 2.4 0 0 1 2.388-2.389h.036c.646 0 1.23.269 1.644.702l.001.001c.428.42.694 1.005.694 1.651v.039v-.002zm-10.842 0v.035c0 .646-.269 1.23-.702 1.644l-.001.001A2.3 2.3 0 0 1 8.864 24h-.037h.002h-.002a2.37 2.37 0 0 1-2.372-2.372v-.035c0-.647.266-1.233.695-1.653a2.27 2.27 0 0 1 1.645-.703h.037h-.002a2.4 2.4 0 0 1 2.389 2.388zM0 0a19 19 0 0 0 1.572 1.49l.028.023c.513.426 1.086.819 1.694 1.158l.058.03c.549.314 1.197.621 1.87.879l.099.033a15.4 15.4 0 0 0 2.295.641l.105.018q1.411.29 2.895.456t3.619.268t4.4.138t5.392.036q2.012 0 3.539.072c.968.04 1.872.126 2.761.257l-.141-.017c.683.096 1.29.236 1.875.422l-.08-.022c.4.113.746.31 1.03.573l-.002-.001c.197.191.326.452.347.742V7.2a1.7 1.7 0 0 1-.286.933l.004-.006c-.253.418-.523.78-.823 1.114l.006-.007q-.514.586-1.295 1.318t-1.68 1.513t-2.012 1.722q-2.678 2.273-4.14 3.575c.353-.599.72-1.116 1.126-1.598l-.014.018q.687-.839 1.36-1.527t1.368-1.426t1.2-1.325c.3-.338.561-.721.768-1.135l.014-.03a1.6 1.6 0 0 0 .187-1.022l.001.009a1.34 1.34 0 0 0-.651-.797l-.007-.003a4.9 4.9 0 0 0-1.657-.59l-.029-.004a22 22 0 0 0-2.898-.338l-.055-.002q-1.84-.116-4.4-.072q-2.432.029-4.546-.087T11.191 7.1a23 23 0 0 1-3.12-.632l.16.038a23 23 0 0 1-2.469-.804l.16.055a10 10 0 0 1-1.813-.929l.039.024a12 12 0 0 1-1.343-.975l.018.015a8.3 8.3 0 0 1-.969-1.02l-.013-.016a9 9 0 0 1-.709-.969l-.022-.038q-.24-.4-.579-.984T.001.003z"/></svg>Opencart アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fontisto:opencart" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontisto:opencart" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontisto:opencart" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--opencart]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:opencart"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontisto:opencart"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fontisto/opencart.svg" alt="Opencart アイコン" width="24" height="24">他のアイコンセットの Opencart アイコン
Opencart アイコン のよくある質問
Opencart アイコンは商用利用でも無料ですか?
はい。Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Opencart アイコンを使うには?
@iconify/react をインストールして <Icon icon="fontisto:opencart" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Opencart アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fontisto/opencart.svg" alt="Opencart アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。