Dracula Dark ikonu
thesvg-color:dracula-dark
Dracula Dark ikonu (thesvg-color:dracula-dark), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 190 × 190 ızgara üzerinde çizilmiştir. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- theSVG Color
- Yazar
- thesvg.org
- Lisans
- MIT
- Boyut
- 190 × 190
- Etiketler
- draculadark
SVG kodu
<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>Dracula Dark ikonu nasıl kullanılır
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 bileşeni
<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 görseli
<img src="https://iconyz.com/api/public/svg/thesvg-color/dracula-dark.svg" alt="Dracula Dark ikonu" width="24" height="24">theSVG Color setindeki benzer ikonlar
Dracula Dark ikonu: sık sorulan sorular
Dracula Dark ikonu ticari kullanım için ücretsiz mi?
Evet. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Dracula Dark ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="thesvg-color:dracula-dark" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Dracula Dark ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/thesvg-color/dracula-dark.svg" alt="Dracula Dark ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.