Basilisk アイコン
thesvg-color:basilisk
Basilisk アイコン(thesvg-color:basilisk)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 3310 × 3310 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 3310 × 3310
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="3310" height="3310" viewBox="0 0 3310 3310"><g fill="#159677"><circle cx="1655" cy="1655" r="1530"/><ellipse cx="1665" cy="1655" fill="#fff" stroke="#fff" rx="1390" ry="1420"/><path stroke="#159677" stroke-linejoin="round" stroke-opacity=".7" stroke-width="10" d="M1385 3140c-55-10-150-36-212-57a1890 1890 0 0 1-224-100c-62-33-156-94-208-134a1830 1830 0 0 1-188-177a1870 1870 0 0 1-154-196c-32-51-82-143-109-203s-65-168-83-238c-32-120-35-146-34-370c0-217 3-252 33-366a1850 1850 0 0 1 83-238c28-62 77-153 108-203c32-50 100-136 151-193c52-57 136-137 188-178c52-40 145-101 208-136c63-34 165-80 227-101s165-48 230-60c65-10 183-20 263-20s199 10 263 20a1488 1488 0 0 1 954 601a1770 1770 0 0 1 136 230c30 65 68 159 83 208c40 138 63 296 63 437c0 70-9 176-19 237a1760 1760 0 0 1-50 214c-17 56-53 148-81 205a1830 1830 0 0 1-108 186c-31 46-91 121-133 167a1735 1735 0 0 1-183 169c-59 46-155 110-214 142c-60 31-158 75-219 96c-60 22-160 48-222 60a2008 2008 0 0 1-550-2zm960-345c48-30 118-79 156-109a1400 1400 0 0 0 278-312l68-120c35-60 83-192 110-302a1528 1528 0 0 0 13-499a1790 1790 0 0 0-58-222c-20-59-62-150-92-204a1590 1590 0 0 0-128-187c-40-50-119-130-175-176a1572 1572 0 0 0-211-145c-61-33-164-78-230-100c-65-20-170-46-235-55c-156-22-362-9-517 32a1551 1551 0 0 0-434 203a1409 1409 0 0 0-322 329a2230 2230 0 0 0-107 187a1110 1110 0 0 0-117 492c-6 163 3 268 35 386c7 27 17 47 23 43c5-4 14-60 19-127a4000 4000 0 0 1 100-600a1470 1470 0 0 1 68-188c20-40 58-97 84-125a440 440 0 0 1 110-80c40-19 120-39 213-51c210-30 330-55 448-94c100-32 103-33 190-13a947 947 0 0 1 375 167a1350 1350 0 0 0 116 82c17 10 50 21 72 26c23 5 46 20 53 33c7 14 13 40 13 58s16 60 36 92c32 53 47 100 100 316c10 37 41 87 96 152a999 999 0 0 0 140 139a840 840 0 0 0 158 80l100 37l-77-8a615 615 0 0 1-140-32c-47-18-64-20-64-8c0 9 18 56 39 105s44 104 50 122c10 29 10 30-4 10a1815 1815 0 0 0-210-310a1440 1440 0 0 1-149-206c-19-40-46-113-60-163c-15-50-40-108-57-129l-29-37l-77 28c-42 15-136 42-208 60a985 985 0 0 0-184 60c-80 41-196 131-262 202c-70 75-116 174-104 224c5 19 27 58 49 86c22 29 68 104 102 167s94 152 134 198c40 45 115 114 168 153c53 40 170 142 259 229a1760 1760 0 0 0 174 157c6 0 52-24 100-54zm-626-1701c17-7 32-21 32-31s-10-22-20-27c-25-10-85-10-110 0c-11 5-20 16-20 26c0 20 34 43 65 44c11 0 35-5 53-12z"/></g></svg>Basilisk アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:basilisk" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:basilisk" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:basilisk" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--basilisk]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:basilisk"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:basilisk"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/basilisk.svg" alt="Basilisk アイコン" width="24" height="24">Basilisk アイコン のよくある質問
Basilisk アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Basilisk アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:basilisk" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Basilisk アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/basilisk.svg" alt="Basilisk アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。