ICONYZ
日本語
Keyline Icons の Shopping Basket Search Sharp Two Tone アイコン

Shopping Basket Search Sharp Two Tone アイコン

keyline-icons:shopping-basket-search-sharp-two-tone

Shopping Basket Search Sharp Two Tone アイコン(keyline-icons:shopping-basket-search-sharp-two-tone)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Keyline Icons
作者
Keyline Icons
ライセンス
MIT
サイズ
24 × 24
タグ
shoppingbasket、basketsearch、searchsharp、sharptwo、twotone
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M13 22L5 22C4.549 22 4.1539 21.6982 4.0352 21.2631L1.0353 10.2631C1.0119 10.1774 1 10.0889 1 10C1 9.4477 1.4478 9 2.0001 9L21.9999 9C22.5522 9 22.9999 9.4477 22.9999 10C22.9999 10.0889 22.9881 10.1774 22.9647 10.2631L22.491 12L13 12L13 22Z" stroke="none"/><path d="M13 21L5 21L2.0001 10L21.9999 10L21.5262 11.7369M9 10L10 3L16 3L15 10M21 17.5C21 18.8807 19.8807 20 18.5 20C17.1193 20 16 18.8807 16 17.5C16 16.1193 17.1193 15 18.5 15C19.8807 15 21 16.1193 21 17.5ZM20.2678 19.2678L22.2929 21.2929"/></g></svg>

Shopping Basket Search Sharp Two Tone アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:shopping-basket-search-sharp-two-tone" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:shopping-basket-search-sharp-two-tone" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:shopping-basket-search-sharp-two-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--shopping-basket-search-sharp-two-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:shopping-basket-search-sharp-two-tone"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:shopping-basket-search-sharp-two-tone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/shopping-basket-search-sharp-two-tone.svg" alt="Shopping Basket Search Sharp Two Tone アイコン" width="24" height="24">

Keyline Icons の関連アイコン

Shopping Basket Search Sharp Two Tone アイコン のよくある質問

Shopping Basket Search Sharp Two Tone アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Shopping Basket Search Sharp Two Tone アイコンを使うには?

@iconify/react をインストールして <Icon icon="keyline-icons:shopping-basket-search-sharp-two-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Shopping Basket Search Sharp Two Tone アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/shopping-basket-search-sharp-two-tone.svg" alt="Shopping Basket Search Sharp Two Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Keyline Icons をすべて見る →