ICONYZ
English
Dokku icon from theSVG Color

Dokku icon

thesvg-color:dokku

The Dokku icon (thesvg-color:dokku) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 89 × 62 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
theSVG Color
Author
thesvg.org
License
MIT
Size
89 × 62
Download SVG

SVG code

<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>

How to use the Dokku icon

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>

HTML image

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

Dokku icon in other icon sets

Dokku icon FAQ

Is the Dokku icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Dokku icon in React?

Install @iconify/react and render <Icon icon="thesvg-color:dokku" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Dokku icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/dokku.svg" alt="Dokku icon">, or paste the SVG code inline to style it with CSS.

Browse all theSVG Color icons →