Icône Dracula Dark

thesvg-color:dracula-dark

L'icône Dracula Dark (thesvg-color:dracula-dark) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 190 × 190. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: theSVG Color
Auteur: thesvg.org
Licence: MIT
Taille: 190 × 190
Mots-clés: draculadark

Télécharger le SVG

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

Comment utiliser l'icône 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>

Image HTML

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

Icônes similaires dans theSVG Color

FAQ : Icône Dracula Dark

L'icône Dracula Dark est-elle gratuite pour un usage commercial ?

Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Dracula Dark dans React ?

Installez @iconify/react et affichez <Icon icon="thesvg-color:dracula-dark" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Dracula Dark à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/dracula-dark.svg" alt="Icône Dracula Dark">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes theSVG Color →