Icono Discount Percent Cutout Solid
streamline-plump:discount-percent-cutout-solid
El icono Discount Percent Cutout Solid (streamline-plump:discount-percent-cutout-solid) es un icono SVG gratuito de la colección Plump free icons de Streamline. Está dibujado en una cuadrícula de 48 × 48. Plump free icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Plump free icons
- Autor
- Streamline
- Licencia
- CC-BY-4.0
- Tamaño
- 48 × 48
- Categoría
- Dinero y compras
- Etiquetas
- discountpercent, percentcutout, cutoutsolid, discountpercentcutoutsolid
Código 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>Cómo usar el icono 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 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump/discount-percent-cutout-solid.svg" alt="Icono Discount Percent Cutout Solid" width="24" height="24">Iconos relacionados en Plump free icons
El icono Discount Percent Cutout Solid en otras colecciones
Preguntas frecuentes sobre Icono Discount Percent Cutout Solid
¿El icono Discount Percent Cutout Solid es gratis para uso comercial?
Sí. Plump free icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Discount Percent Cutout Solid en React?
Instala @iconify/react y renderiza <Icon icon="streamline-plump:discount-percent-cutout-solid" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Discount Percent Cutout Solid a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/streamline-plump/discount-percent-cutout-solid.svg" alt="Icono Discount Percent Cutout Solid">, o pega el código SVG en línea para darle estilo con CSS.