Discount Percent Cutout Solid アイコン
streamline-plump:discount-percent-cutout-solid
Discount Percent Cutout Solid アイコン(streamline-plump:discount-percent-cutout-solid)は、Plump free icons セットの無料 SVG アイコンです(作者: Streamline)。 48 × 48 のグリッドで描かれています。 Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- お金・ショッピング
- タグ
- discountpercent、percentcutout、cutoutsolid、discountpercentcutoutsolid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M21.09 5.5a2 2 0 0 0-.042-4c-2.411.026-4.542.083-6.408.156a2 2 0 0 0 .158 3.997c1.826-.072 3.92-.128 6.293-.153m5.862-4a2 2 0 0 0-.043 4c2.374.025 4.467.081 6.293.153a2 2 0 0 0 .158-3.997c-1.866-.073-3.997-.13-6.408-.156M9.017 5.986a2 2 0 0 0-.32-3.988l-.236.02C4.988 2.3 2.3 4.987 2.017 8.46l-.019.237a2 2 0 1 0 3.988.32l.018-.234c.124-1.52 1.262-2.656 2.78-2.78zm30.285-3.988a2 2 0 1 0-.32 3.988l.234.018c1.52.124 2.656 1.262 2.78 2.78l.018.233a2 2 0 1 0 3.988-.32l-.02-.234V8.46c-.281-3.473-2.97-6.161-6.443-6.444zm-33.649 12.8a2 2 0 0 0-3.997-.158c-.073 1.866-.13 3.997-.156 6.408a2 2 0 0 0 4 .043c.025-2.374.081-4.467.153-6.293m40.69-.158a2 2 0 0 0-3.996.158c.072 1.826.128 3.92.153 6.293a2 2 0 1 0 4-.043a227 227 0 0 0-.156-6.408m.157 12.312a2 2 0 0 0-4-.043a220 220 0 0 1-.153 6.293a2 2 0 0 0 3.997.158c.073-1.866.13-3.997.156-6.408m-41-.043a2 2 0 0 0-4 .044c.026 2.41.083 4.541.156 6.407a2 2 0 0 0 3.997-.158c-.072-1.826-.128-3.92-.153-6.293m40.502 12.393a2 2 0 1 0-3.988-.32l-.018.234v.002c-.125 1.517-1.26 2.653-2.778 2.777h-.003l-.232.02a2 2 0 1 0 .32 3.987l.234-.02h.002c3.473-.282 6.161-2.97 6.444-6.443v-.002zm-40.016-.32a2 2 0 1 0-3.988.32l.02.237c.282 3.473 2.97 6.161 6.443 6.444l.237.019a2 2 0 0 0 .32-3.988l-.234-.018L6.01 39.28l-.006-.065zm.024.3l-2.178-2.133L6.01 39.28zm0 0c.151 1.485 1.276 2.591 2.772 2.714zm8.788 3.065a2 2 0 0 0-.157 3.997c1.865.073 3.996.13 6.407.156a2 2 0 0 0 .043-4a220 220 0 0 1-6.293-.153m18.562 3.997a2 2 0 1 0-.158-3.997c-1.826.072-3.92.128-6.293.153a2 2 0 1 0 .043 4a227 227 0 0 0 6.408-.156M30 31.486c0-1.046.264-1.606.56-1.934c.328-.346.748-.552 1.44-.552c.672 0 1.088.203 1.423.56c.307.328.577.883.577 1.926c0 1.07-.274 1.63-.577 1.954c-.335.357-.751.56-1.423.56c-.692 0-1.112-.206-1.44-.552c-.292-.323-.56-.89-.56-1.962M32 25c-1.687 0-3.204.586-4.366 1.825l-.015.016C26.46 28.104 26 29.739 26 31.486c0 1.758.456 3.405 1.619 4.673l.015.017C28.796 37.414 30.313 38 32 38c1.68 0 3.185-.592 4.341-1.824C37.529 34.908 38 33.255 38 31.486c0-1.759-.475-3.4-1.659-4.661C35.185 25.592 33.68 25 32 25M14.56 14.552c-.296.328-.56.888-.56 1.934c0 1.072.268 1.639.56 1.962c.328.346.748.552 1.44.552c.672 0 1.088-.203 1.423-.56c.303-.323.577-.884.577-1.954c0-1.043-.27-1.598-.577-1.926c-.335-.357-.751-.56-1.423-.56c-.692 0-1.112.206-1.44.552m-2.926-2.727C12.796 10.585 14.313 10 16 10c1.68 0 3.185.592 4.341 1.825C21.525 13.087 22 14.727 22 16.485c0 1.77-.471 3.423-1.659 4.69C19.185 22.409 17.68 23 16 23c-1.687 0-3.204-.586-4.366-1.824l-.015-.017C10.456 19.891 10 18.244 10 16.486c0-1.747.46-3.382 1.619-4.645zm23.78 3.59a2 2 0 1 0-2.828-2.83l-20 20a2 2 0 1 0 2.828 2.83z" clip-rule="evenodd"/></svg>Discount Percent Cutout Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:discount-percent-cutout-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:discount-percent-cutout-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:discount-percent-cutout-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--discount-percent-cutout-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:discount-percent-cutout-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:discount-percent-cutout-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump/discount-percent-cutout-solid.svg" alt="Discount Percent Cutout Solid アイコン" width="24" height="24">Plump free icons の関連アイコン
他のアイコンセットの Discount Percent Cutout Solid アイコン
Discount Percent Cutout Solid アイコン のよくある質問
Discount Percent Cutout Solid アイコンは商用利用でも無料ですか?
はい。Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Discount Percent Cutout Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump:discount-percent-cutout-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Discount Percent Cutout Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump/discount-percent-cutout-solid.svg" alt="Discount Percent Cutout Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。