Shopping Bag With Mars アイコン
pinhead:shopping-bag-with-mars
Shopping Bag With Mars アイコン(pinhead:shopping-bag-with-mars)は、Pinhead Map Icons セットの無料 SVG アイコンです(作者: Quincy Morgan)。 15 × 15 のグリッドで描かれています。 Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Pinhead Map Icons
- 作者
- Quincy Morgan
- ライセンス
- CC0-1.0
- サイズ
- 15 × 15
- タグ
- shoppingbag、bagwith、withmars、shoppingbagwithmars、mar
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M8.62 0q.555.015 1.08.18c.71.2 1.25.77 1.41 1.49L11.5 4h2.83c.05 0 .09.01.14.02c.27.09.41.37.33.63l-1.88 8.3A1.5 1.5 0 0 1 11.5 14h-8c-.65 0-1.23-.43-1.43-1.05L.19 4.65C.18 4.6.17 4.55.17 4.5c0-.28.22-.5.5-.5H3.5l.39-2.33C4.05.95 4.59.38 5.3.18Q5.825.015 6.38 0Zm2.13 5.75H8.33c-.26 0-.46.21-.46.46l.01.06c.03.22.22.39.45.39h.87L8.04 7.81c-.94-.64-2.24-.54-3.08.29a2.432 2.432 0 1 0 3.44 3.44c.83-.84.93-2.14.29-3.08L9.84 7.3v.87c0 .26.21.46.45.46c.25 0 .46-.2.46-.46zm-5.15 3c.6-.6 1.56-.6 2.15 0c.6.59.6 1.55 0 2.15c-.59.59-1.55.59-2.15 0c-.59-.6-.59-1.56 0-2.15M8.62 1H6.38c-.26.01-.51.05-.76.13c-.37.06-.66.34-.74.7L4.52 4h5.96l-.35-2.17a.91.91 0 0 0-.74-.7c-.25-.08-.51-.12-.77-.13"/></svg>Shopping Bag With Mars アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:shopping-bag-with-mars" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:shopping-bag-with-mars" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:shopping-bag-with-mars" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--shopping-bag-with-mars]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:shopping-bag-with-mars"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:shopping-bag-with-mars"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/shopping-bag-with-mars.svg" alt="Shopping Bag With Mars アイコン" width="24" height="24">Pinhead Map Icons の関連アイコン
shopping-bag
shopping-bag-and-tag
shopping-bag-with-ampersand
shopping-bag-with-anime-eye-and-eyebrow
shopping-bag-with-apple
shopping-bag-with-arrows-recirculating
shopping-bag-with-baht
shopping-bag-with-circular-pill-and-capsule-pill
shopping-bag-with-conifer-tree
shopping-bag-with-crab
shopping-bag-with-dollar
shopping-bag-with-droplet
shopping-bag-with-eighth-notes
shopping-bag-with-euro
shopping-bag-with-exclamation-point
shopping-bag-with-gas-flame
shopping-bag-with-greek-cross
shopping-bag-with-heart
shopping-bag-with-heavy-six-point-asterisk
shopping-bag-with-info-i
shopping-bag-with-leaf
shopping-bag-with-map-pin-with-dot
shopping-bag-with-music-notes-eighth
shopping-bag-with-open-book
Shopping Bag With Mars アイコン のよくある質問
Shopping Bag With Mars アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Shopping Bag With Mars アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:shopping-bag-with-mars" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Shopping Bag With Mars アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/shopping-bag-with-mars.svg" alt="Shopping Bag With Mars アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。