Discount Percent Cutout icon
streamline-plump:discount-percent-cutout
The Discount Percent Cutout icon (streamline-plump:discount-percent-cutout) is a free SVG icon from the Plump free icons set by Streamline. It is drawn on a 48 × 48 grid. Plump free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Plump free icons
- Author
- Streamline
- License
- CC-BY-4.0
- Size
- 48 × 48
- Category
- MoneyShopping
- Tags
- discountpercent, percentcutout, discountpercentcutout
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M33 3.174c-1.89-.075-4.052-.132-6.5-.158m-6 0c-2.449.026-4.61.083-6.5.158m-6 .345l-.24.02c-2.556.207-4.514 2.165-4.721 4.72l-.02.24M39 3.52l.241.02c2.556.207 4.513 2.165 4.721 4.72l.02.24M39 44.48l.24-.019c2.556-.208 4.513-2.165 4.721-4.72l.02-.241M26.5 44.984a228 228 0 0 0 6.5-.158m-19 0c1.89.074 4.051.132 6.5.158M8 44.48l-.24-.019c-2.556-.208-4.514-2.165-4.721-4.72l-.02-.241m-.345-25c-.075 1.89-.132 4.051-.158 6.5m0 6c.026 2.448.083 4.61.158 6.5M44.484 21c-.026-2.449-.084-4.61-.158-6.5m0 19c.074-1.89.132-4.052.158-6.5m-10.602 7.808Q35 33.615 35 31.486q0-2.1-1.118-3.294Q32.764 27.001 31 27q-1.789 0-2.907 1.192Q27 29.385 27 31.486q0 2.13 1.093 3.322Q29.211 35.999 31 36q1.764 0 2.882-1.192m-14-15Q21 18.615 21 16.486q0-2.1-1.118-3.294Q18.764 12.001 17 12q-1.79 0-2.907 1.192Q13 14.384 13 16.486q0 2.13 1.093 3.322Q15.21 20.999 17 21q1.764 0 2.882-1.192M34 14L14 34"/></svg>How to use the Discount Percent Cutout icon
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:discount-percent-cutout" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:discount-percent-cutout" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:discount-percent-cutout" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--discount-percent-cutout]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:discount-percent-cutout"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:discount-percent-cutout"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/streamline-plump/discount-percent-cutout.svg" alt="Discount Percent Cutout icon" width="24" height="24">Related icons in Plump free icons
Discount Percent Cutout icon in other icon sets
Discount Percent Cutout icon FAQ
Is the Discount Percent Cutout icon free for commercial use?
Yes. Plump free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Discount Percent Cutout icon in React?
Install @iconify/react and render <Icon icon="streamline-plump:discount-percent-cutout" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Discount Percent Cutout icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/streamline-plump/discount-percent-cutout.svg" alt="Discount Percent Cutout icon">, or paste the SVG code inline to style it with CSS.