Dragoncity アイコン

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

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:dragoncity

Dragoncity アイコン(arcticons:dragoncity)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Arcticons
作者: Donnnno
ライセンス: CC-BY-SA-4.0
サイズ: 48 × 48

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M39.553 28.419C39.553 36.749 32.59 43.5 24 43.5S8.447 36.748 8.447 28.42S15.41 4.5 24 4.5s15.553 15.59 15.553 23.919"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M19.508 31.815c.103.83 3.119 3.7 6.841 2.495c.2-2.616 1.272-3.433 2.377-4.467c2.053-1.924.606-4.362 1.683-5.39c-.3-2.593-2.25.606-2.849-.461c-.28-.5-.127-1.623-1.396-.805c-.787.507-1.352-.081-1.542-.516c-.466-1.068 2.851-1.248 2.422-3.06c-.423-1.79-1.944-.294-3.068-.54c-2.35-.511.04-3.423 1.014-5.506c-1.618 1.338-2.842 2.962-5.063 3.809c-1.991.76-1.647 3.056-1.07 5.372c-.303.745-1.07 1.115-1.564 1.572c-.344.317-.736.916-.39 1.231c1.179 1.084 1.07 2.9 2.572 3.877c2.704.8 6.366-1.077 6.206-1.636c-.875-.375-.918-.342-1.583-.296m-2.893 12.643c1.353.023 3.244-.508 3.874.26c0 0 3.516-1.093 4.674-2.41c.46-.522.711-1.962.711-1.962c1.301-.482 2.114.001 3.006.326c0 0 1.065-1.938 1.226-3.008c.093-.633-.174-1.912-.174-1.912c.644-.459 1.056-.179 1.5 0l1.136-3.458m-25.224.505c.939 1.402 1.948 2.442 3.428 3.085c-2.969-.45-4.41-1.963-5.188-4.016m3.656-5.789c-1.134-3.385.825-6.102 2.465-8.89c.665.354 1.348.557 3.53-1.715c2.117-2.207 1.94-2.79 2.06-3.639l1.498-1.056c-.158 1.343.561 1.648 1.524 1.173c.835-.413 1.678-.602 2.567-.692"/></svg>

Dragoncity アイコンの使い方

React

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

<Icon icon="arcticons:dragoncity" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:dragoncity" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:dragoncity" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--dragoncity]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:dragoncity"></div>

Web コンポーネント

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

<iconify-icon icon="arcticons:dragoncity"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/dragoncity.svg" alt="Dragoncity アイコン" width="24" height="24">

Dragoncity アイコンのよくある質問

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

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Arcticons をすべて見る →