ICONYZ
日本語
Akar Icons の Price Cut アイコン

Price Cut アイコン

akar-icons:price-cut

Price Cut アイコン(akar-icons:price-cut)は、Akar Icons セットの無料 SVG アイコンです(作者: Arturo Wibawa)。 24 × 24 のグリッドで描かれています。 Akar Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Akar Icons
作者
Arturo Wibawa
ライセンス
MIT
サイズ
24 × 24
タグ
pricecut
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 7v8a2 2 0 0 0 2 2h1M2 7V5a2 2 0 0 1 2-2h2M2 7a4 4 0 0 0 4-4m0 0h13m-9.236 9A3 3 0 0 1 14 7.764M2 20L20 2m1.22 16.047l.549-6.261c.075-.865-.598-1.63-1.504-1.71l-.82-.071m1.776 8.042l-.137 1.566c-.076.864-.872 1.501-1.778 1.422l-1.64-.144m3.555-2.844c-1.813-.158-3.405 1.115-3.556 2.844m0 0L7 19.958m4.347-3.477c.409.52.94.785 1.67.849c1.359.119 2.553-.836 2.666-2.133c.061-.696-.085-1.269-.551-1.743"/></svg>

Price Cut アイコンの使い方

React

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

<Icon icon="akar-icons:price-cut" width="24" />

Vue

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

<template>
  <Icon icon="akar-icons:price-cut" width="24" />
</template>

Svelte

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

<Icon icon="akar-icons:price-cut" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[akar-icons--price-cut]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/akar-icons -->
<div class="i-akar-icons:price-cut"></div>

Web コンポーネント

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

<iconify-icon icon="akar-icons:price-cut"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/akar-icons/price-cut.svg" alt="Price Cut アイコン" width="24" height="24">

Price Cut アイコン のよくある質問

Price Cut アイコンは商用利用でも無料ですか?

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

React で Price Cut アイコンを使うには?

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

Price Cut アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/akar-icons/price-cut.svg" alt="Price Cut アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Akar Icons をすべて見る →