Ikon Dracula Dark

thesvg-color:dracula-dark

Ikon Dracula Dark (thesvg-color:dracula-dark) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 190 × 190. 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: 190 × 190
Tag: draculadark

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="190" height="190" viewBox="0 0 190 190"><g fill="none"><g filter="url(#SVGsDB5Ubea)"><circle cx="95" cy="95" r="75" fill="#fff" fill-opacity=".18"/></g><g clip-path="url(#SVGkO4vxc7P)"><path fill="#000" fill-opacity=".24" d="M95 165c38.66 0 70-31.34 70-70s-31.34-70-70-70s-70 31.34-70 70s31.34 70 70 70"/><path fill="#fff" fill-opacity=".3" d="M153.503 83.658c0 16.661-6.946 31.699-18.1 42.377a58.7 58.7 0 0 1-12.373 9.076c-8.363 4.592-17.971 7.204-28.184 7.204s-19.817-2.609-28.18-7.201a58.7 58.7 0 0 1-12.375-9.079c-11.155-10.676-18.103-25.716-18.103-42.377C36.188 51.262 62.45 25 94.846 25s58.657 26.262 58.657 58.658"/><path fill="#0e0d11" d="M143.397 145.571a70 70 0 0 1-14.766 10.832c-9.979 5.48-21.445 8.597-33.634 8.597s-23.648-3.114-33.628-8.594A70 70 0 0 1 46.6 145.571c4.477-11.366 15.366-19.503 28.212-19.96q.567-.026 1.142-.026h38.089q.576 0 1.143.026c12.846.457 23.734 8.595 28.211 19.96"/><path fill="#f87359" d="M94.997 147.674s48.479-35.193 46.736-38.361c-2.602-4.734-6.466-7.964-10.283-10.155c-6.407-3.677-12.69-4.423-12.69-4.423l-38.59 32.752z"/><path fill="#0e0d11" d="M94.997 147.674s48.479-35.193 46.736-38.361c-2.602-4.734-6.466-7.964-10.283-10.155c3.903 4.318 7.65 10.887 1.885 16.649c-.931.932-1.956 1.563-3.048 1.942c-3.811 1.325-7.357 3.316-10.279 6.099z"/><path fill="#f87359" d="M94.997 147.674s-48.478-35.193-46.736-38.361c2.602-4.734 6.467-7.964 10.283-10.155c6.407-3.677 12.69-4.423 12.69-4.423z"/><path fill="#ccc" d="m135.102 65.934l-13.353 7.876v16.02a6.677 6.677 0 0 0 13.353 0zm-80.21 0l13.353 7.876v16.02a6.677 6.677 0 0 1-13.353 0zm54.934 43.339v15.929c0 8.189-6.638 14.827-14.828 14.827s-14.827-6.638-14.827-14.827v-15.929z"/><path fill="#ededed" d="M128.012 64.663v27.994c0 9.117-3.695 17.372-9.666 23.343c-5.98 5.98-14.232 9.672-23.349 9.672c-18.234 0-33.014-14.781-33.014-33.015V64.663c0-1.506.1-2.991.297-4.443a32.7 32.7 0 0 1 4.374-12.488c5.763-9.635 50.926-9.635 56.686 0a32.7 32.7 0 0 1 4.374 12.488c.197 1.452.298 2.937.298 4.443"/><path fill="#ccc" d="M71.548 92.658V64.662c0-16.608 12.266-30.347 28.232-32.665a33 33 0 0 0-4.783-.35c-18.233 0-33.015 14.782-33.015 33.015v27.995c0 18.233 14.782 33.014 33.015 33.014c1.625 0 3.221-.122 4.784-.349c-15.967-2.317-28.234-16.057-28.234-32.665"/><path fill="#0e0d11" d="M111.432 86.158v-6.327a2.988 2.988 0 0 0-5.976 0v6.327a2.988 2.988 0 1 0 5.976 0M78.564 79.83v6.328a2.988 2.988 0 1 0 5.977 0V79.83a2.988 2.988 0 1 0-5.977 0"/><path fill="#7f7d89" d="M109.48 82.893a1.952 1.952 0 1 0 0-3.905a1.952 1.952 0 0 0 0 3.904m-26.891.001a1.952 1.952 0 1 0 0-3.905a1.952 1.952 0 0 0 0 3.904m24.708 3.808a1.122 1.122 0 1 0 0-2.244a1.122 1.122 0 0 0 0 2.243m-26.888.001a1.122 1.122 0 1 0 0-2.245a1.122 1.122 0 0 0 0 2.245"/><path fill="#0e0d11" d="M69.283 60.22q0 .518.04 1.025c.318 4.04-1.142 8.039-4.205 10.69a17 17 0 0 1-3.135 2.154v-9.425c0-6.192 1.703-11.98 4.671-16.932a16.9 16.9 0 0 1 3.809 7.106a12.8 12.8 0 0 0-1.18 5.382m58.729 4.443v9.426a17 17 0 0 1-3.136-2.154c-3.062-2.652-4.523-6.651-4.205-10.69q.04-.508.04-1.025c0-1.92-.422-3.746-1.18-5.383a16.94 16.94 0 0 1 3.809-7.106a32.8 32.8 0 0 1 4.672 16.932"/><path fill="#ededed" d="m73.913 78.014l12.08 4.67l2.678-6.929l-12.08-4.67zm39.493-6.928l-12.08 4.67l2.679 6.929l12.08-4.67z"/><path fill="#0e0d11" d="M110.617 95.457c0 5.332-2.671 10.04-6.751 12.857a15.53 15.53 0 0 1-8.869 2.763c-3.294 0-6.349-1.02-8.869-2.763a15.6 15.6 0 0 1-6.751-12.857a35 35 0 0 0 9.263 3.106a34.95 34.95 0 0 0 17.534-1.254a35 35 0 0 0 4.443-1.852"/><path fill="#f87359" d="M103.866 108.314a15.53 15.53 0 0 1-8.869 2.763c-3.294 0-6.349-1.02-8.869-2.763a15.53 15.53 0 0 1 8.869-2.763c3.294 0 6.349 1.02 8.869 2.763"/><path fill="#ccc" d="M113.404 71.458H76.59l10.327 7.744h1.138a3.603 3.603 0 0 1 3.604 3.603v5.588c0 1.839 1.438 3.416 3.277 3.45a3.34 3.34 0 0 0 3.402-3.34v-5.698a3.603 3.603 0 0 1 3.603-3.603h1.137z"/><path fill="#f0f0f0" d="M106.174 97.309a23 23 0 0 1-.794 3.645c-.731 2.446-1.62 4.123-1.62 4.123l-1.534-4.154l-.872-2.36a35 35 0 0 0 4.82-1.254M88.64 98.563l-.871 2.36l-1.535 4.154s-.888-1.677-1.62-4.123a23 23 0 0 1-.794-3.645a35 35 0 0 0 4.82 1.254"/><path fill="#0e0d11" d="m71.38 73.601l2.826-4.396a1.69 1.69 0 0 1 2.334-.508l11.56 7.431c1.579 1.014.574 3.46-1.261 3.073l-14.387-3.034A1.69 1.69 0 0 1 71.38 73.6m47.234.001l-2.825-4.396a1.69 1.69 0 0 0-2.334-.508l-11.561 7.431c-1.578 1.014-.574 3.46 1.261 3.073l14.387-3.034a1.688 1.688 0 0 0 1.072-2.566"/><path fill="#ccc" d="M98.616 116.791h-7.238a1.333 1.333 0 1 1 0-2.667h7.238a1.334 1.334 0 0 1 0 2.667"/><path fill="#0e0d11" d="M123.34 47.732c-5.76-9.635-16.297-16.083-28.343-16.083c-12.043 0-22.58 6.448-28.343 16.082A32.7 32.7 0 0 0 62.28 60.22h7.003c0-7.1 5.757-12.857 12.857-12.857q.258 0 .515.01c6.028.238 10.724 5.345 10.724 11.378v1.757a1.618 1.618 0 0 0 3.235 0V58.75c0-6.033 4.696-11.14 10.724-11.378q.257-.01.516-.01c7.1 0 12.857 5.757 12.857 12.857h7.003a32.7 32.7 0 0 0-4.374-12.489m-28.343 99.944s-48.478-35.193-46.736-38.361c2.602-4.734 6.467-7.964 10.283-10.155c-3.902 4.318-7.65 10.887-1.884 16.65c.931.931 1.956 1.562 3.047 1.941c3.812 1.326 7.357 3.316 10.28 6.099z"/><path fill="#f87359" d="m106.604 145.612l-10.816 4.008a2.27 2.27 0 0 1-1.58 0l-10.815-4.008a2.272 2.272 0 0 0-3.061 2.131v6.669a2.272 2.272 0 0 0 3.061 2.13l10.816-4.008a2.27 2.27 0 0 1 1.579 0l10.816 4.008a2.272 2.272 0 0 0 3.061-2.13v-6.669a2.272 2.272 0 0 0-3.061-2.131m-1.224-44.658c-.731 2.446-1.62 4.123-1.62 4.123l-1.534-4.154a4.43 4.43 0 0 1 3.154.031m-17.611-.031l-1.535 4.154s-.888-1.677-1.62-4.123a4.43 4.43 0 0 1 3.155-.031"/></g><defs><clipPath id="SVGkO4vxc7P"><path fill="#fff" d="M25 25h140v140H25z"/></clipPath><filter id="SVGsDB5Ubea" width="190" height="190" x="0" y="0" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation="10"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.06 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_511_171"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_511_171" result="shape"/></filter></defs></g></svg>

Cara memakai ikon Dracula Dark

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:dracula-dark" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:dracula-dark" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:dracula-dark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--dracula-dark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:dracula-dark"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:dracula-dark"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/dracula-dark.svg" alt="Ikon Dracula Dark" width="24" height="24">

Ikon terkait di theSVG Color

FAQ Ikon Dracula Dark

Apakah ikon Dracula Dark 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 Dracula Dark di React?

Pasang @iconify/react lalu render <Icon icon="thesvg-color:dracula-dark" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Dracula Dark ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/dracula-dark.svg" alt="Ikon Dracula Dark">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon theSVG Color →