Uxanarangel Dark アイコン

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

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

thesvg-color:uxanarangel-dark

Uxanarangel Dark アイコン(thesvg-color:uxanarangel-dark)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 1491 × 970 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 1491 × 970
タグ: uxanarangeldark

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1491" height="970" viewBox="0 0 1491 970"><g fill="none"><path fill="#fff" d="M350 340c-6-5-11-10-14-17c-3-12-1-24 2-35c7-19 18-36 28-53c11-18 25-34 39-50c27-33 59-61 93-87c36-28 75-52 119-65c24-7 49-10 73-5c47 10 77 54 70 104c-5 42-21 81-36 120l-53 127l-1 1l2 1l51-16l13-3c19-5 38-5 53 11s15 36 10 56c-2 8-10 25-9 27l3-2c28-25 58-49 92-67l29-11c31-7 57 13 58 44c1 16-4 30-10 45c-16 37-37 72-56 108l-12 25c-16 31-30 63-36 98l-4 26c-5 18-24 25-40 14c-12-7-18-19-20-32c-5-26-1-51 7-75c17-52 46-98 72-144l27-47c-15 5-27 14-38 24a863 863 0 0 0-178 233c-5 9-10 19-17 27c-14 14-32 13-44-1c-9-10-11-22-11-34c1-21 8-39 15-58c23-61 55-117 86-173l22-43c-30 6-59 12-87 22c-5 2-7 6-9 10l-22 44c-38 77-76 153-117 228c-2 5-2 8 2 12l32 31c68 64 147 94 241 89c69-5 135-19 201-38c71-20 139-49 205-81c7-4 9-7 3-13c-10-10-14-22-15-35c-1-19 2-38 7-56l7-23c-19 15-35 30-52 45c-21 18-43 35-70 43c-36 11-70-5-83-41c-11-26-9-53-3-80l6-17c36-81 95-141 170-189l-46-16c-34-15-65-32-87-64c-3-4-6-3-10-1c-10 4-21 9-33 11l-14 1c-12 0-20-6-23-17c-3-10 1-20 12-26l40-19c4-2 7-4 7-10c-1-43 14-82 37-117c27-43 64-77 112-97c21-8 42-11 64-6c37 10 57 43 47 80c-5 20-16 38-29 53c-39 47-88 80-139 110c-5 4-11 6-16 9c-15 10-13 8-2 20c16 16 36 25 57 33c32 12 66 19 101 25l29 1c53 5 80 40 72 92c-5 36-19 69-34 102c-16 33-34 65-48 99c-8 20-13 40-11 62c0 7 2 8 8 4c62-37 122-76 167-133c14-18 26-37 30-60c5-27-4-47-28-61c-7-4-15-7-20-13c-7-7-10-15-6-24c5-9 13-12 22-11c8 0 15 3 22 6c50 27 69 78 52 136c-11 39-36 68-62 97c-31 34-68 60-105 86l-3 3a1216 1216 0 0 1-413 168l-5 1c-7-1-13 3-20 4c-32 5-65 8-98 10c-105 6-196-27-274-97l-29-28c-6-6-9-5-13 1c-28 40-60 76-93 110c-33 33-69 59-113 74c-15 5-31 6-46 7c-14 1-28-1-41-4c-9-3-18-9-26-15c-27-18-38-45-43-76c-7-36 1-71 15-104c6-15 12-30 20-43a915 915 0 0 1 142-168c3-2 6-4 2-8c-26-29-51-60-86-80c-22-12-45-20-70-21l-12-1c-13-2-21-10-22-21c-1-10 5-20 16-25c16-6 32-5 48-3a774 774 0 0 1 53 16a433 433 0 0 1 57 41l5 5l7 6l25 26l9 8l9 12c3 5 5 2 7-1l8-8c4-1 7-4 9-7l28-24l86-69c68-54 132-111 189-177c25-30 47-63 55-103c6-32-6-46-39-44l-15 2c-24 5-45 16-66 29a522 522 0 0 0-190 210c-9 20-20 24-40 18m258 6c-5-3-7 2-9 4l-64 59c-1 2-4 3-4 6l38-6c7-1 12-5 14-11c8-18 16-36 25-52M204 912l16-2c36-7 64-28 90-51c43-40 79-86 110-136c3-4 2-6-1-10l-90-104c-4-5-7-5-11-1l-49 53c-35 40-67 82-90 130c-12 27-21 55-16 85c3 24 16 36 41 36m828-288c0 22 4 25 21 18c18-8 33-21 47-34c41-38 79-80 116-121c21-24 42-46 58-73c11-18 4-30-18-30l-8 1c-19 2-36 10-52 20c-58 38-105 87-138 148c-13 23-24 47-26 71M553 461c-22 5-42 9-60 16c-50 18-88 53-127 86c-4 3-3 4 0 7l80 94c3 4 6 8 10 0l53-111zm500-257c44-26 83-53 119-85c13-11 24-22 33-36c4-8 11-17 4-26c-6-8-17-5-26-3a198 198 0 0 0-130 150"/><path fill="url(#SVGhLQMNc3Y)" d="M1326 116c42 2 79 15 103 52c27 43 14 106-28 135c-7 5-15 9-23 10c-10 2-18-1-25-10c-6-8-6-17-3-26c3-7 9-12 14-17c8-8 17-16 22-26c11-20 8-38-10-51a97 97 0 0 0-55-18l-20-1c-11-2-19-11-20-20c-1-11 5-20 16-24l11-2c6-2 12-2 18-2"/><ellipse cx="29.1" cy="426.8" fill="url(#SVGjsf4FdVr)" rx="28.6" ry="27.8"/><defs><linearGradient id="SVGhLQMNc3Y" x1="1281.2" x2="1481.8" y1="115.6" y2="168" gradientUnits="userSpaceOnUse"><stop stop-color="#ffc16f"/><stop offset="1" stop-color="#fa86ce"/></linearGradient><linearGradient id="SVGjsf4FdVr" x1="29.1" x2="29.1" y1="399" y2="454.5" gradientUnits="userSpaceOnUse"><stop stop-color="#2e58ff"/><stop offset="1" stop-color="#9452ff"/></linearGradient></defs></g></svg>

Uxanarangel Dark アイコンの使い方

React

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

<Icon icon="thesvg-color:uxanarangel-dark" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:uxanarangel-dark" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:uxanarangel-dark" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="thesvg-color:uxanarangel-dark"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/uxanarangel-dark.svg" alt="Uxanarangel Dark アイコン" width="24" height="24">

theSVG Color の関連アイコン

Uxanarangel Dark アイコンのよくある質問

Uxanarangel Dark アイコンは商用利用でも無料ですか?

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

React で Uxanarangel Dark アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg-color:uxanarangel-dark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Uxanarangel Dark アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/uxanarangel-dark.svg" alt="Uxanarangel Dark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

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