Cart Cross Bold アイコン
solar:cart-cross-bold
Cart Cross Bold アイコン(solar:cart-cross-bold)は、Solar セットの無料 SVG アイコンです(作者: 480 Design)。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- ショッピング
- タグ
- cartcross、crossbold、cartcrossbold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M3.04047 2.29242C2.6497 2.15503 2.22155 2.36044 2.08416 2.7512C1.94678 3.14197 2.15218 3.57012 2.54295 3.7075L2.80416 3.79934C3.47177 4.03406 3.91052 4.18961 4.23336 4.34802C4.53659 4.4968 4.67026 4.61723 4.75832 4.74609C4.84858 4.87818 4.91828 5.0596 4.95761 5.42295C4.99877 5.80316 4.99979 6.29837 4.99979 7.03832L4.99979 9.64C4.99979 12.5816 5.06302 13.5523 5.92943 14.4662C6.79583 15.38 8.19028 15.38 10.9792 15.38H16.2821C17.8431 15.38 18.6236 15.38 19.1753 14.9304C19.727 14.4808 19.8846 13.7164 20.1997 12.1875L20.6995 9.76275C21.0466 8.02369 21.2202 7.15417 20.7762 6.57708C20.3323 6 18.8155 6 17.1305 6H6.49233C6.48564 5.72967 6.47295 5.48373 6.4489 5.26153C6.39517 4.76515 6.27875 4.31243 5.99677 3.89979C5.71259 3.48393 5.33474 3.21759 4.89411 3.00139C4.48203 2.79919 3.95839 2.61511 3.34187 2.39838L3.04047 2.29242ZM10.9697 8.96967C11.2626 8.67678 11.7374 8.67678 12.0303 8.96967L13 9.93934L13.9697 8.96967C14.2626 8.67678 14.7374 8.67678 15.0303 8.96967C15.3232 9.26256 15.3232 9.73744 15.0303 10.0303L14.0607 11L15.0303 11.9697C15.3232 12.2626 15.3232 12.7374 15.0303 13.0303C14.7374 13.3232 14.2626 13.3232 13.9697 13.0303L13 12.0607L12.0303 13.0303C11.7374 13.3232 11.2626 13.3232 10.9697 13.0303C10.6768 12.7374 10.6768 12.2626 10.9697 11.9697L11.9393 11L10.9697 10.0303C10.6768 9.73744 10.6768 9.26256 10.9697 8.96967Z" clip-rule="evenodd"/><path d="M7.5 18C8.32843 18 9 18.6716 9 19.5C9 20.3284 8.32843 21 7.5 21C6.67157 21 6 20.3284 6 19.5C6 18.6716 6.67157 18 7.5 18Z"/><path d="M16.5 18.0001C17.3284 18.0001 18 18.6716 18 19.5001C18 20.3285 17.3284 21.0001 16.5 21.0001C15.6716 21.0001 15 20.3285 15 19.5001C15 18.6716 15.6716 18.0001 16.5 18.0001Z"/></g></svg>Cart Cross Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:cart-cross-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:cart-cross-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:cart-cross-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--cart-cross-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:cart-cross-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:cart-cross-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/cart-cross-bold.svg" alt="Cart Cross Bold アイコン" width="24" height="24">Solar の関連アイコン
cart-2-bold
cart-2-bold-duotone
cart-2-broken
cart-2-line-duotone
cart-2-linear
cart-2-outline
cart-3-bold
cart-3-bold-duotone
cart-3-broken
cart-3-line-duotone
cart-3-linear
cart-3-outline
cart-4-bold
cart-4-bold-duotone
cart-4-broken
cart-4-line-duotone
cart-4-linear
cart-4-outline
cart-5-bold
cart-5-bold-duotone
cart-5-broken
cart-5-line-duotone
cart-5-linear
cart-5-outline
Cart Cross Bold アイコン のよくある質問
Cart Cross Bold アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Cart Cross Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:cart-cross-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cart Cross Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/cart-cross-bold.svg" alt="Cart Cross Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。