Dupont ikonu
thesvg-color:dupont
Dupont ikonu (thesvg-color:dupont), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 138 × 40 ızgara üzerinde çizilmiştir. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- theSVG Color
- Yazar
- thesvg.org
- Lisans
- MIT
- Boyut
- 138 × 40
SVG kodu
<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 ikonu nasıl kullanılır
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>Web bileşeni
<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 görseli
<img src="https://iconyz.com/api/public/svg/thesvg-color/dupont.svg" alt="Dupont ikonu" width="24" height="24">Dupont ikonu: sık sorulan sorular
Dupont ikonu ticari kullanım için ücretsiz mi?
Evet. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Dupont ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="thesvg-color:dupont" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Dupont ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/thesvg-color/dupont.svg" alt="Dupont ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.