Icône Dokku
thesvg-color:dokku
L'icône Dokku (thesvg-color:dokku) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 89 × 62. 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
- 89 × 62
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="89" height="62" viewBox="0 0 89 62"><mask id="SVG7PJFFezG" width="58" height="21" x="31" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#f15b55" d="M78.421 17.072c6.334 3.97 7.814 3.55 9.275 2.805a1.71 1.71 0 0 0 .745-2.297C86.479 13.699 78.229 0 59.553 0C43.875 0 34.454 13.225 31.585 17.958a1.685 1.685 0 0 0 .907 2.477c1.66.546 3.475.662 7.358-1.691c12.697-7.06 38.571-1.672 38.571-1.672"/></mask><mask id="SVGMsDvPcSV" width="86" height="47" x="0" y="15" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#07cbcf" d="M67.164 15.188H56.311c-11.798 0-18.002 3.47-22.583 9.392l-4.384 5.667l-1.75 2.313a7.09 7.09 0 0 1-5.652 2.808a7.18 7.18 0 0 1-6.99-5.508a3 3 0 0 1-.037-.212A1.295 1.295 0 0 1 16.2 28.17h2.17c3.725 0 6.745-3.013 6.745-6.729v-.529c0-.686-.558-1.242-1.246-1.242h-6.378c-2.552 0-4.334 1.32-4.933 2.77c-.6-1.45-2.383-2.77-4.934-2.77H1.246C.558 19.67 0 20.226 0 20.912v.53c0 3.715 3.02 6.728 6.745 6.728h2.2c.697 0 1.29.508 1.393 1.196l.243 1.618c2.645 17.618 17.815 30.653 35.673 30.653h13.044c12.337 0 22.865-8.896 24.894-21.035l1.538-9.197c1.42-8.488-4.55-16.217-18.566-16.217"/></mask><g fill="none"><path fill="#f15b55" d="M78.405 17.191c6.333 3.97 7.814 3.55 9.274 2.805a1.71 1.71 0 0 0 .745-2.297C86.462 13.817 78.212.119 59.536.119c-15.677 0-25.098 13.225-27.968 17.958a1.685 1.685 0 0 0 .907 2.477c1.66.546 3.476.662 7.358-1.691c12.698-7.06 38.572-1.672 38.572-1.672"/><g stroke="#ff9580" stroke-miterlimit="10" stroke-width="1.5" mask="url(#SVG7PJFFezG)"><path d="M43.79 2.624c5.705 7.376-10.195 11.23 2.015 19.73M56.798-1.625c6.086 7.663-9.966 10.547-2.968 21.323M72.317-.868c4.412 7.893-13.77 9.6-7.76 19.2M84.26 7.025c0 8.12-12.552 3.488-11.943 12.673"/></g><path fill="#000" d="M31.337 18.747a1.68 1.68 0 0 0 1.138 1.807c1.66.545 3.476.662 7.358-1.692c12.697-7.058 38.571-1.67 38.571-1.67c6.334 3.969 7.814 3.55 9.276 2.804a1.71 1.71 0 0 0 .886-1.898c-10.41-7.234-33.98-14.283-57.23.649" opacity=".4"/><path fill="#07cbcf" d="M67.274 14.809H56.42c-11.797 0-18 3.469-22.582 9.392l-4.384 5.666l-1.75 2.314a7.09 7.09 0 0 1-5.652 2.808a7.18 7.18 0 0 1-6.99-5.509a3 3 0 0 1-.037-.212a1.295 1.295 0 0 1 1.285-1.478h2.17c3.725 0 6.745-3.012 6.745-6.729v-.529c0-.685-.558-1.242-1.246-1.242h-6.378c-2.552 0-4.334 1.32-4.934 2.771c-.6-1.45-2.382-2.77-4.933-2.77H1.355c-.688 0-1.245.556-1.245 1.241v.53c0 3.716 3.02 6.728 6.745 6.728h2.2c.697 0 1.29.509 1.393 1.197l.242 1.617c2.646 17.618 17.816 30.654 35.674 30.654h13.044c12.337 0 22.865-8.896 24.894-21.035l1.538-9.198c1.419-8.488-4.55-16.216-18.566-16.216"/><path fill="#05b7bf" d="M81.47 48.312c-2.13.074-3.871.758-6.246 3.127c-3.024 3.016-8.045 6.431-15.804 6.431H45.042c-5.82 0-9.926-4.327-9.926-4.327s-3.368.172-10.69-3.983c-12-7.57-12.476-20.262-12.647-21.856c-.171-1.593-1.027-2.447-2.739-2.447H6.7c-4.357 0-5.54-2.139-5.806-5.878c-.46.184-.784.63-.784 1.154v.528c0 3.716 3.02 6.729 6.745 6.729h2.2c.697 0 1.29.509 1.393 1.196l.243 1.618c2.645 17.618 17.815 30.653 35.673 30.653H59.41c9.38 0 17.714-5.144 22.062-12.945"/><path fill="#05b7bf" d="M15.025 29.268a1.295 1.295 0 0 1 1.285-1.478h2.17c3.725 0 6.745-3.013 6.745-6.728v-.53c0-.523-.325-.97-.785-1.153c-.267 3.74-1.45 5.878-5.807 5.878h-1.795c-2.397 0-2.083 2.694-1.813 4.01"/><path fill="#07cbcf" d="M24.426 49.56c2.7 2.619 1.293 3.681-3.195 3.681h-6.898c-1.09 0-1.636 1.315-.865 2.084l.854.852a14.16 14.16 0 0 0 10 4.132h.636c7.455 0 12.971-7.485 12.971-7.485z"/><path fill="#05b7bf" d="M35.116 53.544c-2.118 2.013-5.667 4.61-9.892 4.61h-.59a13.1 13.1 0 0 1-9.253-3.824l-.791-.788a1.1 1.1 0 0 1-.217-.3h-.04c-1.09 0-1.636 1.314-.865 2.082l.854.853a14.16 14.16 0 0 0 10 4.132h.636c4.845 0 8.87-3.16 11.095-5.374l.3-.304z"/><g stroke="#00576c" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.46" mask="url(#SVGMsDvPcSV)"><path d="M48.257 43.038c1.936 5.544 7.186 9.88 13.445 9.88c10.555 0 9.597-7.213 21.03-7.213h1.62m-34.232-2.69h-3.14m18.373-.285a2.963 2.963 0 0 0-2.967-2.96a2.963 2.963 0 0 0-2.967 2.96"/></g><path fill="#05b7bf" d="M77.45 19.774c3.335 2.208 4.593 3.668 7.645 3.996c-2.155-5.178-8.016-8.961-17.82-8.961H56.42c-11.34 0-17.51 3.206-22.04 8.714c2.863 0 6-2.357 8.682-3.825c3.119-1.707 7.304-3.34 16.357-3.34s13.845.646 18.03 3.416"/></g></svg>Comment utiliser l'icône Dokku
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:dokku" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:dokku" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:dokku" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--dokku]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:dokku"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:dokku"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/dokku.svg" alt="Icône Dokku" width="24" height="24">L'icône Dokku dans d'autres collections
FAQ : Icône Dokku
L'icône Dokku 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 Dokku dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:dokku" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Dokku à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/dokku.svg" alt="Icône Dokku">, ou collez le code SVG directement dans la page pour le styliser en CSS.