ICONYZ
Español
Icono Dokku de theSVG Color

Icono Dokku

thesvg-color:dokku

El icono Dokku (thesvg-color:dokku) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 89 × 62. 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
89 × 62
Descargar SVG

Código 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>

Cómo usar el icono 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>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/dokku.svg" alt="Icono Dokku" width="24" height="24">

El icono Dokku en otras colecciones

Preguntas frecuentes sobre Icono Dokku

¿El icono Dokku 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 Dokku en React?

Instala @iconify/react y renderiza <Icon icon="thesvg-color:dokku" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Dokku a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/dokku.svg" alt="Icono Dokku">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos theSVG Color →