ICONYZ
Русский
Иконка Dracula Light из набора theSVG Color

Иконка Dracula Light

thesvg-color:dracula-light

Иконка Dracula Light (thesvg-color:dracula-light) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 190 × 190. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
theSVG Color
Автор
thesvg.org
Лицензия
MIT
Размер
190 × 190
Теги
draculalight
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="190" height="190" viewBox="0 0 190 190"><defs><path id="SVGzabPaeoE" fill="#f4e4db" d="M65.888 99.773C62.342 91.42 62 77.172 62 77.172l6.803-34.281s15.184-1.373 24.904-1.406c9.342-.031 23.69 1.406 23.69 1.406l8.503 34.28s-.417 14.258-4.009 22.602c-5.978 13.89-11.475 28.753-28.184 28.657c-16.615-.095-21.947-14.821-27.82-28.657"/></defs><mask id="SVGFk791bfn" width="140" height="140" x="25" y="25" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#d9d9d9" d="M95 165c38.66 0 70-31.34 70-70s-31.34-70-70-70s-70 31.34-70 70s31.34 70 70 70"/></mask><mask id="SVGgPDdMe2O" width="112" height="125" x="38" y="38" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#f6cd62" d="M113.656 61.154c-2.765-5.415-19.569 3.571-19.569 3.571l-.016-22.466s2.052-1.235 3.456-1.843c4.787-2.076 8.08-2.44 13.249-1.729c3.82.527 6.042 1.216 9.332 3.226c2.908 1.777 4.23 3.292 6.452 5.876c2.351 2.735 3.453 4.496 5.069 7.72c2.361 4.707 2.299 7.892 3.918 12.903c1.902 5.89 2.852 9.244 5.184 14.977c2.169 5.333 4.464 7.882 6.221 13.365c1.156 3.606 2.078 5.662 2.189 9.447c.092 3.085-.184 4.868-1.037 7.834c-1.211 4.218-3.593 5.866-5.299 9.908c-1.367 3.238-2.585 5.024-2.88 8.526c-.213 2.521.109 3.966.576 6.452c.618 3.3 2.03 4.88 2.649 8.18c.418 2.222.893 3.522.576 5.76c-.405 2.87-1.245 4.567-3.225 6.683c-1.767 1.887-5.646 3.456-5.646 3.456s1.904-3.005 2.304-5.185c.458-2.487.109-4.016-.576-6.451c-1.159-4.121-4.355-5.196-6.106-9.102c-.972-2.168-1.602-3.411-1.958-5.761c-.304-2.001-.177-3.167 0-5.184c.442-5.032 3.694-7.281 3.917-12.328c.162-3.68-.355-5.794-1.383-9.332c-1.268-4.367-3.242-6.319-5.069-10.484c-2.379-5.425-3.475-8.573-5.415-14.17c-3.175-9.163-4.147-18.434-6.913-23.85"/><path fill="#f6cd62" d="M74.501 61.14c2.765-5.414 19.586 3.585 19.586 3.585V42.246s-2.053-1.235-3.456-1.843c-4.788-2.075-8.08-2.44-13.25-1.728c-3.82.526-6.041 1.215-9.331 3.226c-2.909 1.776-4.23 3.291-6.452 5.875c-2.352 2.735-3.453 4.496-5.07 7.72c-2.36 4.707-2.298 7.892-3.917 12.903c-1.902 5.89-2.852 9.244-5.184 14.978c-2.17 5.332-4.465 7.882-6.221 13.364c-1.156 3.607-2.078 5.662-2.19 9.447c-.09 3.085.185 4.868 1.037 7.835c1.212 4.217 3.594 5.865 5.3 9.908c1.366 3.238 2.585 5.024 2.88 8.525c.213 2.521-.11 3.966-.576 6.452c-.618 3.301-2.03 4.88-2.65 8.18c-.417 2.222-.892 3.522-.576 5.761c.406 2.869 1.246 4.566 3.226 6.682c1.767 1.887 5.646 3.456 5.646 3.456s-1.904-3.005-2.305-5.184c-.457-2.488-.108-4.017.576-6.452c1.16-4.12 4.355-5.196 6.107-9.102c.972-2.168 1.602-3.411 1.958-5.76c.304-2.002.177-3.168 0-5.185c-.442-5.032-3.694-7.281-3.917-12.327c-.162-3.681.355-5.794 1.383-9.332c1.268-4.368 3.242-6.32 5.069-10.484c2.38-5.426 3.475-8.574 5.415-14.171c3.175-9.163 4.147-18.434 6.912-23.85"/></mask><g fill="none"><g filter="url(#SVGbudRfcsI)"><circle cx="95" cy="95" r="75" fill="#000" fill-opacity=".18"/></g><g mask="url(#SVGFk791bfn)"><path fill="#fff" fill-opacity=".12" 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="#000" fill-opacity=".18" 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="#ab852b" d="M47.17 112c1.656 15.105 14.5 47.5 14.5 47.5s3.152 28.584 37.5 26.5c30.535-1.853 33-26.5 33-26.5s8.758-32.367 9.5-46c1.075-19.74-14.5-48.5-14.5-48.5l-65.5 2s-16.512 26.647-14.5 45"/><path fill="#efebdc" d="M151 152.325a81.8 81.8 0 0 1-17.237 12.641C122.112 171.362 108.727 175 94.498 175s-27.607-3.634-39.257-10.03A81.8 81.8 0 0 1 38 152.325c5.227-13.265 17.938-22.761 32.934-23.295q.662-.03 1.334-.03h44.464q.672 0 1.335.03c14.995.534 27.707 10.031 32.933 23.295"/><path fill="#565143" d="M95.043 150.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="#565043" d="M95.046 151s-48.75-38.47-47-42c2.614-5.276 6.543-9.629 10.377-12.071C64.86 92.83 126.546 101 126.546 101z"/><path fill="#efebdc" d="M95.043 150.674s48.479-35.193 46.737-38.361c-2.603-4.734-6.467-7.964-10.284-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="#efebdc" d="M101.046 156s-54.481-40.519-52.739-43.687c2.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.358 3.316 10.28 6.099z"/><path fill="#565143" d="m106.272 148.612l-10.816 4.008a2.27 2.27 0 0 1-1.579 0l-10.815-4.008A2.272 2.272 0 0 0 80 150.743v6.669a2.272 2.272 0 0 0 3.062 2.13l10.815-4.008a2.27 2.27 0 0 1 1.58 0l10.815 4.008a2.272 2.272 0 0 0 3.062-2.13v-6.669a2.273 2.273 0 0 0-3.062-2.131"/><path fill="#dfc3b0" d="M109.655 112.273v15.929c0 8.189-6.638 14.827-14.827 14.827S80 136.391 80 128.202v-15.929zm32.186-43.582l-16.134 1.847l-6.826 15.33a6.994 6.994 0 0 0 12.779 5.69zM46 65.548l16.134 1.847l6.826 15.33a6.994 6.994 0 0 1-12.779 5.69z"/><mask id="SVGUksvIb6k" width="64" height="88" x="62" y="41" maskUnits="userSpaceOnUse" style="mask-type:alpha"><use href="#SVGzabPaeoE"/></mask><g mask="url(#SVGUksvIb6k)"><use href="#SVGzabPaeoE"/><path fill="#ddc2b2" d="m72.699 99.765l-3.36-29.132C67.343 53.35 78.46 37.579 94.796 33.25a35 35 0 0 0-5.02.211c-18.973 2.189-32.582 19.346-30.393 38.32l3.36 29.132c2.189 18.974 19.346 32.582 38.32 30.394a35 35 0 0 0 4.936-.938c-16.894-.495-31.308-13.321-33.301-30.604"/><path fill="#ddc2b2" d="m66.955 95.069l8.926-27.934c5.296-16.572 21.918-26.37 38.588-23.592a35 35 0 0 0-4.661-1.873c-18.194-5.815-37.657 4.222-43.471 22.415L57.41 92.02c-5.814 18.193 4.222 37.656 22.416 43.471a35 35 0 0 0 4.884 1.177c-15.193-7.405-23.051-25.026-17.755-41.598"/></g><path fill="#ddc2b2" d="M98.857 112.971h-8.113s2.093 3.178 4.117 3.149c1.986-.029 3.996-3.149 3.996-3.149m-12.879-6.539h17.387c1.38.122 2.636 2.422 2.636 2.422H83.236s.477-2.422 2.742-2.422"/><path fill="#0e0d11" d="M110.925 85.647V79.02a3.13 3.13 0 1 0-6.26 0v6.628a3.13 3.13 0 1 0 6.26 0m-34.431-6.629v6.628a3.13 3.13 0 1 0 6.26 0v-6.628a3.13 3.13 0 1 0-6.26 0"/><path fill="#f4e4db" d="m71.622 76.068l12.654 4.892l2.017-5.218L73.64 70.85zm41.371-7.257l-12.654 4.892l2.806 7.258l12.654-4.892z"/><path fill="#dfc3b0" d="m119.377 69.245l-25.665 6.809l-25.141-6.81l4.19 6.81s18.332 4.2 18.332 6.285v15.713S92.61 99.1 93.712 99.1c1.101 0 2.619-1.048 2.619-1.048V82.34c0-2.085 18.021-6.664 18.021-6.664z"/><path fill="#0e0d11" d="m56.476 72.137l4.997-4.684c.891-.837 2.74-1.079 4.127-.542l20.442 7.919c2.79 1.08 1.014 3.687-2.231 3.275L58.372 74.87c-2.045-.26-3.026-1.673-1.896-2.734m74.471.001l-4.996-4.684c-.892-.837-2.74-1.079-4.127-.542l-20.442 7.919c-2.79 1.08-1.015 3.687 2.23 3.275l25.439-3.234c2.046-.26 3.026-1.673 1.896-2.734"/><path fill="#e9ba49" d="M123.963 48.441c-6.034-10.092-17.072-16.848-29.69-16.848c-12.616 0-23.654 6.756-29.69 16.848A34.3 34.3 0 0 0 60 61.523h7.336c0-7.437 6.03-13.468 13.468-13.468q.27 0 .54.01c6.315.25 11.234 5.6 11.234 11.92v1.84a1.695 1.695 0 0 0 3.389 0v-1.84c0-6.32 4.919-11.67 11.234-11.92q.268-.01.54-.01c7.437 0 13.468 6.03 13.468 13.468h7.336a34.25 34.25 0 0 0-4.582-13.082"/></g><g mask="url(#SVGgPDdMe2O)"><path fill="#f6c85a" d="M113.656 61.154c-2.765-5.415-19.569 3.571-19.569 3.571l-.016-22.466s2.052-1.235 3.456-1.843c4.787-2.076 8.08-2.44 13.249-1.729c3.82.527 6.042 1.216 9.332 3.226c2.908 1.777 4.23 3.292 6.452 5.876c2.351 2.735 3.453 4.496 5.069 7.72c2.361 4.707 2.299 7.892 3.918 12.903c1.902 5.89 2.852 9.244 5.184 14.977c2.169 5.333 4.464 7.882 6.221 13.365c1.156 3.606 2.078 5.662 2.189 9.447c.092 3.085-.184 4.868-1.037 7.834c-1.211 4.218-3.593 5.866-5.299 9.908c-1.367 3.238-2.585 5.024-2.88 8.526c-.213 2.521.109 3.966.576 6.452c.618 3.3 2.03 4.88 2.649 8.18c.418 2.222.893 3.522.576 5.76c-.405 2.87-1.245 4.567-3.225 6.683c-1.767 1.887-5.646 3.456-5.646 3.456s1.904-3.005 2.304-5.185c.458-2.487.109-4.016-.576-6.451c-1.159-4.121-4.355-5.196-6.106-9.102c-.972-2.168-1.602-3.411-1.958-5.761c-.304-2.001-.177-3.167 0-5.184c.442-5.032 3.694-7.281 3.917-12.328c.162-3.68-.355-5.794-1.383-9.332c-1.268-4.367-3.242-6.319-5.069-10.484c-2.379-5.425-3.475-8.573-5.415-14.17c-3.175-9.163-4.147-18.434-6.913-23.85"/><path fill="#f6c85a" d="M74.501 61.14c2.765-5.414 19.586 3.585 19.586 3.585V42.246s-2.053-1.235-3.456-1.843c-4.788-2.075-8.08-2.44-13.25-1.728c-3.82.526-6.041 1.215-9.331 3.226c-2.909 1.776-4.23 3.291-6.452 5.875c-2.352 2.735-3.453 4.496-5.07 7.72c-2.36 4.707-2.298 7.892-3.917 12.903c-1.902 5.89-2.852 9.244-5.184 14.978c-2.17 5.332-4.465 7.882-6.221 13.364c-1.156 3.607-2.078 5.662-2.19 9.447c-.09 3.085.185 4.868 1.037 7.835c1.212 4.217 3.594 5.865 5.3 9.908c1.366 3.238 2.585 5.024 2.88 8.525c.213 2.521-.11 3.966-.576 6.452c-.618 3.301-2.03 4.88-2.65 8.18c-.417 2.222-.892 3.522-.576 5.761c.406 2.869 1.246 4.566 3.226 6.682c1.767 1.887 5.646 3.456 5.646 3.456s-1.904-3.005-2.305-5.184c-.457-2.488-.108-4.017.576-6.452c1.16-4.12 4.355-5.196 6.107-9.102c.972-2.168 1.602-3.411 1.958-5.76c.304-2.002.177-3.168 0-5.185c-.442-5.032-3.694-7.281-3.917-12.327c-.162-3.681.355-5.794 1.383-9.332c1.268-4.368 3.242-6.32 5.069-10.484c2.38-5.426 3.475-8.574 5.415-14.171c3.175-9.163 4.147-18.434 6.912-23.85"/><path fill="#ab852b" d="M103.288 52.398c-7.18-.798-9.217 12.327-9.217 12.327l21.429 2.42s-2.88-13.71-12.212-14.747m-18.434 0c7.18-.798 9.217 12.327 9.217 12.327l-21.43 2.42s2.88-13.71 12.213-14.747"/></g><defs><filter id="SVGbudRfcsI" 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_2811_104"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_2811_104" result="shape"/></filter></defs></g></svg>

Как использовать иконку Dracula Light

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/dracula-light.svg" alt="Иконка Dracula Light" width="24" height="24">

Похожие иконки в наборе theSVG Color

Вопросы и ответы: Иконка Dracula Light

Можно ли бесплатно использовать иконку Dracula Light в коммерческих проектах?

Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Dracula Light в React?

Установите @iconify/react и выведите <Icon icon="thesvg-color:dracula-light" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Dracula Light на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/dracula-light.svg" alt="Иконка Dracula Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки theSVG Color →