Ikon Dokku
thesvg-color:dokku
Ikon Dokku (thesvg-color:dokku) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 89 × 62. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 89 × 62
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/dokku.svg" alt="Ikon Dokku" width="24" height="24">Ikon Dokku di set ikon lain
FAQ Ikon Dokku
Apakah ikon Dokku gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Dokku di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:dokku" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Dokku ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/dokku.svg" alt="Ikon Dokku">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.