ICONYZ
العربية
أيقونة Discount Percent Cutout Flat من Plump color icons

أيقونة Discount Percent Cutout Flat

streamline-plump-color:discount-percent-cutout-flat

أيقونة Discount Percent Cutout Flat (streamline-plump-color:discount-percent-cutout-flat) أيقونة SVG مجانية من مجموعة Plump color icons من تصميم Streamline. مرسومة على شبكة 48 × 48. تُنشر Plump color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Plump color icons
المؤلف
Streamline
الترخيص
CC-BY-4.0
الحجم
48 × 48
الفئة
المال والتسوق
الوسوم
discountpercent، percentcutout، cutoutflat، discountpercentcutoutflat
تنزيل SVG

شيفرة 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>

كيفية استخدام أيقونة 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>

مكوّن ويب

<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>

صورة HTML

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/discount-percent-cutout-flat.svg" alt="أيقونة Discount Percent Cutout Flat" width="24" height="24">

أيقونات ذات صلة في Plump color icons

أيقونة discount-percent-cutout
discount-percent-cutout

أيقونة Discount Percent Cutout Flat في مجموعات أخرى

أيقونة Discount Percent Cutout Flat من Streamline color
Streamline color

الأسئلة الشائعة حول أيقونة Discount Percent Cutout Flat

هل أيقونة Discount Percent Cutout Flat مجانية للاستخدام التجاري؟

نعم. تُنشر Plump color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Discount Percent Cutout Flat في React؟

ثبّت @iconify/react واعرض <Icon icon="streamline-plump-color:discount-percent-cutout-flat" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Discount Percent Cutout Flat إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/discount-percent-cutout-flat.svg" alt="أيقونة Discount Percent Cutout Flat">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Plump color icons →