Icono Discount Percent Cutout Flat
streamline-plump-color:discount-percent-cutout-flat
El icono Discount Percent Cutout Flat (streamline-plump-color:discount-percent-cutout-flat) es un icono SVG gratuito de la colección Plump color icons de Streamline. Está dibujado en una cuadrícula de 48 × 48. Plump color 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 color icons
- Autor
- Streamline
- Licencia
- CC-BY-4.0
- Tamaño
- 48 × 48
- Categoría
- Dinero y compras
- Etiquetas
- discountpercent, percentcutout, cutoutflat, discountpercentcutoutflat
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#8fbffa" d="M23.07 3.478A2 2 0 0 1 21.09 5.5c-2.373.025-4.466.081-6.292.153a2 2 0 0 1-.158-3.997a224 224 0 0 1 6.408-.156a2 2 0 0 1 2.021 1.978Zm1.86 0A2 2 0 0 1 26.953 1.5a227 227 0 0 1 6.408.156a2 2 0 1 1-.158 3.997c-1.826-.072-3.92-.128-6.293-.153a2 2 0 0 1-1.978-2.022Zm-14.079.354a2 2 0 0 1-1.834 2.154l-.233.018c-1.518.124-2.656 1.26-2.78 2.78l-.018.233a2 2 0 1 1-3.988-.32l.02-.236C2.3 4.987 4.987 2.3 8.46 2.017l.237-.019a2 2 0 0 1 2.153 1.834Zm26.298 0a2 2 0 0 1 2.153-1.834l.237.02c3.474.282 6.161 2.97 6.444 6.443v.002l.019.235a2 2 0 1 1-3.988.32l-.018-.234c-.124-1.518-1.26-2.656-2.78-2.78l-.233-.018a2 2 0 0 1-1.834-2.154M3.733 12.721a2 2 0 0 1 1.92 2.077c-.072 1.826-.128 3.92-.153 6.293a2 2 0 0 1-4-.043a227 227 0 0 1 .156-6.408a2 2 0 0 1 2.077-1.92Zm40.534 0a2 2 0 0 1 2.077 1.92c.073 1.865.13 3.996.156 6.407a2 2 0 0 1-4 .043a220 220 0 0 0-.153-6.293a2 2 0 0 1 1.92-2.077m.255 12.21a2 2 0 0 1 1.978 2.021a224 224 0 0 1-.156 6.407a2 2 0 0 1-3.997-.157c.072-1.826.128-3.92.153-6.293a2 2 0 0 1 2.022-1.978m-41.044 0A2 2 0 0 1 5.5 26.91c.025 2.374.081 4.467.153 6.293a2 2 0 0 1-3.997.158a226 226 0 0 1-.156-6.407a2 2 0 0 1 1.978-2.022Zm40.69 12.218a2 2 0 0 1 1.834 2.153l-.02.235v.002c-.282 3.474-2.97 6.161-6.443 6.444h-.002l-.235.019a2 2 0 1 1-.32-3.988l.233-.018h.003c1.517-.125 2.653-1.26 2.777-2.778v-.003l.02-.233a2 2 0 0 1 2.153-1.833m-40.336 0a2 2 0 0 1 2.154 1.834l.018.233c.124 1.518 1.26 2.655 2.778 2.78m.002 0l.234.018a2 2 0 1 1-.32 3.988l-.237-.02C4.987 45.7 2.3 43.013 2.017 39.54l-.019-.237a2 2 0 0 1 1.834-2.153m8.889 7.117a2 2 0 0 1 2.077-1.92c1.827.073 3.92.129 6.293.154a2 2 0 1 1-.043 4c-2.41-.026-4.542-.083-6.407-.156a2 2 0 0 1-1.92-2.078m22.558 0a2 2 0 0 1-1.92 2.078c-1.865.073-3.996.13-6.407.156a2 2 0 0 1-.043-4c2.374-.025 4.467-.081 6.293-.153a2 2 0 0 1 2.077 1.92Z"/><path fill="#2859c5" d="M30.56 29.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.727C28.796 25.585 30.313 25 32 25c1.68 0 3.185.592 4.341 1.825C37.525 28.087 38 29.727 38 31.485c0 1.77-.471 3.423-1.659 4.69C35.185 37.408 33.68 38 32 38c-1.687 0-3.204-.586-4.366-1.825l-.015-.016C26.456 34.891 26 33.244 26 31.486c0-1.747.46-3.382 1.619-4.645zM14.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.825l-.015-.016C10.456 19.891 10 18.244 10 16.486c0-1.747.46-3.382 1.619-4.645zm23.78.761a2 2 0 0 1 0 2.828l-20 20a2 2 0 1 1-2.828-2.828l20-20a2 2 0 0 1 2.828 0"/></g></svg>Cómo usar el icono Discount Percent Cutout Flat
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:discount-percent-cutout-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:discount-percent-cutout-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:discount-percent-cutout-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--discount-percent-cutout-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:discount-percent-cutout-flat"></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-flat"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/discount-percent-cutout-flat.svg" alt="Icono Discount Percent Cutout Flat" width="24" height="24">Iconos relacionados en Plump color icons
El icono Discount Percent Cutout Flat en otras colecciones
Preguntas frecuentes sobre Icono Discount Percent Cutout Flat
¿El icono Discount Percent Cutout Flat es gratis para uso comercial?
Sí. Plump color 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 Flat en React?
Instala @iconify/react y renderiza <Icon icon="streamline-plump-color:discount-percent-cutout-flat" />, 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 Flat a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/discount-percent-cutout-flat.svg" alt="Icono Discount Percent Cutout Flat">, o pega el código SVG en línea para darle estilo con CSS.