Discount Percent Cutout icon
streamline-plump-color:discount-percent-cutout
The Discount Percent Cutout icon (streamline-plump-color:discount-percent-cutout) is a free SVG icon from the Plump color icons set by Streamline. It is drawn on a 48 × 48 grid. Plump color 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 color 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"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M3.539 8.257c.208-2.555 2.163-4.51 4.718-4.718C11.485 3.277 16.636 3 24 3s12.515.277 15.743.539c2.555.208 4.51 2.163 4.718 4.718C44.723 11.485 45 16.636 45 24s-.277 12.515-.539 15.743c-.208 2.555-2.163 4.51-4.718 4.718C36.515 44.723 31.364 45 24 45s-12.515-.277-15.743-.539c-2.555-.208-4.51-2.163-4.718-4.718C3.277 36.515 3 31.364 3 24s.277-12.515.539-15.743"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" 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"/></g></svg>How to use the Discount Percent Cutout icon
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:discount-percent-cutout" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:discount-percent-cutout" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:discount-percent-cutout" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--discount-percent-cutout]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color: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-color:discount-percent-cutout"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/discount-percent-cutout.svg" alt="Discount Percent Cutout icon" width="24" height="24">Related icons in Plump color 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 color 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-color: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-color/discount-percent-cutout.svg" alt="Discount Percent Cutout icon">, or paste the SVG code inline to style it with CSS.