Icono Dracula Dark

thesvg-color:dracula-dark

El icono Dracula Dark (thesvg-color:dracula-dark) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 190 × 190. 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: 190 × 190
Etiquetas: draculadark

Descargar SVG

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

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

Imagen HTML

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

Iconos relacionados en theSVG Color

Preguntas frecuentes sobre Icono Dracula Dark

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

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

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

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

Ver todos los Iconos theSVG Color →