Icono Dupont
thesvg-color:dupont
El icono Dupont (thesvg-color:dupont) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 138 × 40. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- theSVG Color
- Autor
- thesvg.org
- Licencia
- MIT
- Tamaño
- 138 × 40
Código 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>Cómo usar el icono 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>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:dupont"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/dupont.svg" alt="Icono Dupont" width="24" height="24">Preguntas frecuentes sobre Icono Dupont
¿El icono Dupont es gratis para uso comercial?
Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Dupont en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:dupont" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Dupont a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/dupont.svg" alt="Icono Dupont">, o pega el código SVG en línea para darle estilo con CSS.