Dracula Light アイコン

Q: Dracula Light アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

thesvg-color:dracula-light

Dracula Light アイコン(thesvg-color:dracula-light)は、theSVG Color セットの無料 SVG アイコンです（作者: 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>

Web コンポーネント

<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 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Dracula Light アイコンを使うには?

@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG Color アイコンをすべて見る →