Icône Dreamweaver
thesvg-color:dreamweaver
L'icône Dreamweaver (thesvg-color:dreamweaver) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 240 × 234. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- theSVG Color
- Auteur
- thesvg.org
- Licence
- MIT
- Taille
- 240 × 234
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="240" height="234" viewBox="0 0 240 234"><path fill="#470137" d="M42.5 0h155C221 0 240 19 240 42.5v149c0 23.5-19 42.5-42.5 42.5h-155C19 234 0 215 0 191.5v-149C0 19 19 0 42.5 0"/><path fill="#ff61f6" d="M22.8 164V62c-.1-.6.4-1.2 1-1.3h.1l6.7-.2l10.4-.2l12.7-.1c12.2 0 22.4 2.2 30.4 6.6c7.7 4.1 14 10.4 18.1 18.1c4 7.7 6 16.5 6 26.5c.1 7-.9 13.9-3.1 20.5A48.7 48.7 0 0 1 84.2 158a54.9 54.9 0 0 1-30.1 8.3H42.8l-11.2-.1l-7.8-.2c-.7 0-1-.6-1-1.6zm21.1-84.4v66.7l3.1.1l2.8.2l3.3.1c4.6.1 9.2-.7 13.6-2.3c4-1.4 7.5-3.7 10.5-6.8c3-3.2 5.3-7 6.7-11.1a47.6 47.6 0 0 0 .1-29.1a26 26 0 0 0-17.1-16.2c-4.3-1.3-8.7-2-13.2-1.9l-5.1.1zM198 165h-18.7c-.4.1-.9-.1-1.2-.4l-.6-1.2l-4.8-21.3l-3.2-15.7l-2.1-10.9l-1.3-7.6h-.1l-2.8 12.8c-.8 4.1-1.8 8.3-2.8 12.5L157 147l-4.1 16.4c-.2 1.1-.7 1.6-1.6 1.6h-18.7c-.5.1-1-.1-1.4-.3l-.7-1.1L111 86.3c-.3-.9.1-1.3 1.2-1.3h18.9c.9 0 1.4.3 1.5 1c2 8.8 3.7 16.4 5 22.8s2.4 11.8 3.1 16.3l1.9 11l1.2 7h.3a76 76 0 0 1 2.2-12.2l2.2-10.9l3.1-14.6a315 315 0 0 1 5-20.2c.1-.2.5-.3 1.1-.3h19.6c.6 0 .9.4 1 1.1a1358 1358 0 0 1 7.3 33.9c.8 4.2 1.5 7.9 1.9 10.9c.4 3.1.9 5.6 1.3 7.7c.3 1.7.6 3.4.7 5.1h.3c.5-2 .9-4.4 1.3-7.1s.9-5.7 1.6-9.1l2.1-11.2c.7-4.1 1.7-8.6 2.8-13.7l3.7-16.4c.2-.9.6-1.3 1.3-1.3h17.5c.9 0 1.2.5 1 1.4l-21.6 77.1c-.1.4-.3.8-.6 1.1c0 .5-.4.7-.9.6"/></svg>Comment utiliser l'icône Dreamweaver
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:dreamweaver" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:dreamweaver" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:dreamweaver" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--dreamweaver]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:dreamweaver"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:dreamweaver"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/dreamweaver.svg" alt="Icône Dreamweaver" width="24" height="24">L'icône Dreamweaver dans d'autres collections
FAQ : Icône Dreamweaver
L'icône Dreamweaver est-elle gratuite pour un usage commercial ?
Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Dreamweaver dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:dreamweaver" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Dreamweaver à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/dreamweaver.svg" alt="Icône Dreamweaver">, ou collez le code SVG directement dans la page pour le styliser en CSS.