Discount Percent Cutout Solid icon
streamline-plump:discount-percent-cutout-solid
The Discount Percent Cutout Solid icon (streamline-plump:discount-percent-cutout-solid) 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, cutoutsolid, discountpercentcutoutsolid
SVG code
<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>How to use the Discount Percent Cutout Solid icon
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 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-solid"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/streamline-plump/discount-percent-cutout-solid.svg" alt="Discount Percent Cutout Solid icon" width="24" height="24">Related icons in Plump free icons
Discount Percent Cutout Solid icon in other icon sets
Discount Percent Cutout Solid icon FAQ
Is the Discount Percent Cutout Solid 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 Solid icon in React?
Install @iconify/react and render <Icon icon="streamline-plump:discount-percent-cutout-solid" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Discount Percent Cutout Solid 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-solid.svg" alt="Discount Percent Cutout Solid icon">, or paste the SVG code inline to style it with CSS.