Woocommerce Logo Solid アイコン
streamline-logos:woocommerce-logo-solid
Woocommerce Logo Solid アイコン(streamline-logos:woocommerce-logo-solid)は、Logos free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Logos free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Logos free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- EC
- タグ
- woocommercelogo、logosolid、woocommercelogosolid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M1 7.5a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-5.761l1.247 3.12l-5.616-3.12H3a2 2 0 0 1-2-2zm10.297.177a.75.75 0 1 0-1.346-.661a13.3 13.3 0 0 0-1.329 5.022c-.402-.892-.64-1.86-.737-2.911a.75.75 0 0 0-1.407-.286L4.48 12.563a45 45 0 0 1-.84-5.035a.75.75 0 1 0-1.49.169a47 47 0 0 0 .881 5.258a27 27 0 0 0 .462 1.741l.042.128a.75.75 0 0 0 1.372.117l1.889-3.522a9.4 9.4 0 0 0 2.05 3.669a.75.75 0 0 0 1.306-.569c-.22-2.42.095-4.705 1.144-6.842Zm2.004 1.691c-.293.278-.556.73-.671 1.302c-.116.572-.05 1.091.111 1.461c.164.372.388.531.58.57c.19.039.46-.02.754-.3c.293-.277.556-.73.672-1.302s.05-1.09-.112-1.46c-.163-.373-.388-.532-.579-.57c-.191-.04-.46.02-.755.3ZM12.27 8.28c.54-.512 1.284-.843 2.084-.68c.8.161 1.356.755 1.655 1.437c.3.686.377 1.523.208 2.36c-.17.838-.567 1.58-1.11 2.094c-.541.513-1.285.843-2.085.681s-1.356-.755-1.655-1.438c-.3-.685-.377-1.523-.208-2.36c.17-.838.567-1.58 1.11-2.094Zm6.099 2.487c.12-.593.386-1.064.678-1.354c.296-.293.55-.343.71-.311s.372.175.53.559c.155.378.214.914.093 1.507c-.12.592-.385 1.063-.677 1.353c-.297.294-.55.344-.71.311s-.373-.175-.53-.558c-.155-.379-.215-.915-.094-1.507m1.684-3.136c-.802-.16-1.537.196-2.062.717c-.53.525-.92 1.276-1.092 2.119s-.107 1.686.176 2.376c.28.684.82 1.298 1.622 1.46c.801.161 1.536-.196 2.062-.717c.53-.525.92-1.275 1.091-2.119c.172-.843.107-1.686-.176-2.376c-.28-.684-.82-1.298-1.621-1.46" clip-rule="evenodd"/></svg>Woocommerce Logo Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-logos:woocommerce-logo-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-logos:woocommerce-logo-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-logos:woocommerce-logo-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-logos--woocommerce-logo-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-logos -->
<div class="i-streamline-logos:woocommerce-logo-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-logos:woocommerce-logo-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-logos/woocommerce-logo-solid.svg" alt="Woocommerce Logo Solid アイコン" width="24" height="24">Logos free icons の関連アイコン
Woocommerce Logo Solid アイコン のよくある質問
Woocommerce Logo Solid アイコンは商用利用でも無料ですか?
はい。Logos free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Woocommerce Logo Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-logos:woocommerce-logo-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Woocommerce Logo Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-logos/woocommerce-logo-solid.svg" alt="Woocommerce Logo Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。