Dracula Dark icon

thesvg-color:dracula-dark

The Dracula Dark icon (thesvg-color:dracula-dark) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 190 × 190 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: 190 × 190
Tags: draculadark

Download SVG

SVG code

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

How to use the Dracula Dark icon

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>

HTML image

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

Related icons in theSVG Color

Dracula Dark icon FAQ

Is the Dracula Dark 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 Dracula Dark icon in React?

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

How do I add the Dracula Dark icon to a web page?

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

Browse all theSVG Color icons →