Shopware アイコン
fa7-brands:shopware
Shopware アイコン(fa7-brands:shopware)は、Font Awesome Brands セットの無料 SVG アイコンです（作者: Dave Gandy）。 640 × 640 のグリッドで描かれています。 Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome Brands
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 640 × 640
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M467.5 519.4c-42.6 31.7-94.4 48.7-147.5 48.6c-137.2 0-248-111-248-248C72 182.8 183 72 320 72c61.2-.1 120.2 22.6 165.7 63.5c.6.5.9 1.2 1.1 1.9s.1 1.5-.3 2.2s-.8 1.3-1.5 1.6s-1.4.5-2.2.4c-18.8-2.5-37.7-3.7-56.7-3.7c-129.4 0-222.4 53.5-222.4 155.4c0 109 92.1 145.9 176.8 178.7c33.6 13 65.4 25.4 87 41.6c.4.3.8.8 1.1 1.3s.4 1 .4 1.6s-.1 1.1-.4 1.6s-.6.9-1.1 1.3h-.1zM567 297.1c-.1-.9-.5-1.8-1.3-2.4c-51.8-43-93.6-60.5-144.5-60.5c-84.1 0-80.3 52.2-80.3 53.6c0 42.6 52.1 62 112.3 84.5c31.1 11.6 63.2 23.6 92.7 39.9c.4.2.9.4 1.4.4s1 0 1.5-.2s.9-.4 1.3-.8s.6-.8.8-1.2c14.1-36 19.5-74.8 16-113.3z"/></svg>
Shopware アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-brands:shopware" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-brands:shopware" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-brands:shopware" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-brands--shopware]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-brands -->
<div class="i-fa7-brands:shopware"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-brands:shopware"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fa7-brands/shopware.svg" alt="Shopware アイコン" width="24" height="24">
Shopware アイコン のよくある質問
Shopware アイコンは商用利用でも無料ですか?
はい。Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Shopware アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa7-brands:shopware" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Shopware アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa7-brands/shopware.svg" alt="Shopware アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Font Awesome Brands アイコン をすべて見る →
ICONYZ
