ICONYZ
العربية
أيقونة Dupont من theSVG Color

أيقونة Dupont

thesvg-color:dupont

أيقونة Dupont (thesvg-color:dupont) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 138 × 40. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
theSVG Color
المؤلف
thesvg.org
الترخيص
MIT
الحجم
138 × 40
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="138" height="40" viewBox="0 0 138 40"><path fill="#e51e25" d="M108.758 8.828c1.28.23 2.543.486 3.773.754v23.505a100 100 0 0 0 4.635-1.228V10.692c1.344.348 2.613.698 3.772 1.031V7.19c-3.659-1.278-7.588-2.318-12.18-3.278zM0 18.875c0 3.476 3.373 6.732 9.26 9.524V9.427C3.373 12.197 0 15.43 0 18.875m135.766 0c0 3.482-3.378 6.733-9.266 9.529V9.42c5.888 2.777 9.266 6.01 9.266 9.453M26.943 26.63c0 1.455-.873 1.94-1.919 1.94c-.813 0-2.07-.296-3.093-.576V9.854c1.024-.272 2.28-.568 3.093-.568c1.046 0 1.919.486 1.919 1.94zM25.708 4.544c-1.644 0-4.014.485-8.305 1.81v25.148c3.773 1.143 6.661 1.811 8.305 1.811c3.79 0 5.924-2.317 5.924-6.036V10.58c0-3.719-2.134-6.036-5.924-6.036M63.7 17.554c0 1.584-.554 2.388-2.657 2.394l-1.816.005V5.417a29 29 0 0 1 1.725-.053c2.274 0 2.748.86 2.748 2.478zM61.254.221c-.9 0-4.183.113-7.202.29v36.84c1.024.054 3.72.194 5.175.231V25.073l2.027-.005c5.42-.016 7.674-2.447 7.674-7.125V7.088c0-4.581-2.533-6.867-7.674-6.867m40.524 20.314l-5.74-18.73a146 146 0 0 0-4.904-.549v35.351a223 223 0 0 0 4.98-.565l-.41-20.832l6.074 20.017c1.294-.204 3.18-.533 4.42-.77V3.396a153 153 0 0 0-4.776-.826zM44.837 29.58c0 1.455-.502 2.377-2.318 2.156c-1.784-.216-2.264-.97-2.264-2.695V1.671c-1.185.13-3.826.496-4.958.659v27.68c0 4.42 2.145 6.14 7.222 6.721c4.646.533 7.49-1.816 7.49-6.721V.766c-.968.054-4.148.324-5.172.432zm37.35.84c0 1.455-.485 2.21-2.317 2.265c-1.887.053-2.4-.755-2.4-2.264V7.454c0-1.509.513-2.344 2.4-2.29c1.832.053 2.317.836 2.317 2.29zM79.87.018c-4.798-.232-7.654 1.885-7.654 6.736V30.85c0 5.122 2.587 7.228 7.654 7.007c4.958-.215 7.545-2.101 7.545-7.545V7.309c0-5.19-2.339-7.039-7.545-7.292m53.143 30.281h.56l.825 1.296l.826-1.296h.54v2.735h-.504v-1.944l-.844 1.305h-.054l-.842-1.305v1.944h-.507zm-1.953.479h-.844v-.479h2.21v.479h-.842v2.256h-.524z"/></svg>

كيفية استخدام أيقونة Dupont

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:dupont" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:dupont" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:dupont" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--dupont]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:dupont"></div>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:dupont"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/dupont.svg" alt="أيقونة Dupont" width="24" height="24">

الأسئلة الشائعة حول أيقونة Dupont

هل أيقونة Dupont مجانية للاستخدام التجاري؟

نعم. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Dupont في React؟

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

كيف أضيف أيقونة Dupont إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/thesvg-color/dupont.svg" alt="أيقونة Dupont">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات theSVG Color →