Princess アイコン

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

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

arcticons:princess

Princess アイコン(arcticons:princess)は、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" d="M8.134 27.649c-2.395 8.275-5.432-5.887-2.29-9.566c1.836-2.15 4.93-3.35 7.756-3.435c2.18-.065 4.06 1.604 6.13 2.29c1.802.597 4.604 1.997 6.169.923c1.88-1.29 3.815-2.23 5.946-2.4c1.271-.102 2.503.504 3.73.85c1.45.407 2.78 1.359 4.285 1.44c.903.048 1.994-.087 2.538-.167c.19-.028.241.066.112.21c-.688.772-2.799 2.983-4.719 3.391c-1.627.346-3.277-.606-4.875-1.07c-1.585-.462-4.775-1.788-6.205-.961c-2.26 1.307-3.07 2.391-5.688 2.105c-1.45-.158-2.661-.566-3.952-.812c-1.406-.27-2.633-.518-4.025-.185c-1.083.258-1.952 1.18-2.623 2.068c-1.716 2.274-1.762 3.497-2.29 5.319Z"/><path fill="none" stroke="currentColor" d="M11.68 32.266c-.522-1.041.904-2.349 1.92-2.918c.967-.542 2.335.391 3.324-.11c.32-.164.961-.647.665-.85c-.936-.642-.643-2.068.554-2.401c.378-.105 1.308-.34 1.532-.886c.437-1.062-1.759-2.557-.905-3.324c1.534-1.379 3.701 2.324 5.762 2.253c1.552-.055 2.758-1.445 4.21-1.995c1.247-.471 2.51-1.157 3.842-1.108c1.56.057 2.916 1.124 4.395 1.625c1.147.389 2.261 1.04 3.472 1.071c1.003.026 2.37-1.58 2.917-.738c.632.97-1.163 2.115-2.142 2.733c-1.141.72-2.602.891-3.952.886c-1.744-.006-3.406-.754-5.097-1.182c-1.175-.297-2.297-1.024-3.508-.96c-1.69.089-3.15 1.237-4.728 1.847c-.974.376-2.749 1.05-3.365 1.284c-.12.045-.126.132-.012.191c.547.285 2.058 1.034 2.971 1.11c2.892.24 5.633-1.872 8.532-1.736c2.455.116 4.601 1.995 7.054 2.142c1.15.07 2.385-.193 3.464-.513c.394-.118.59.086.415.458c-.39.833-.805 1.42-1.441 1.976c-.955.832-2.172 1.53-3.435 1.625c-1.833.138-3.54-1-5.282-1.588c-1.358-.46-2.593-1.46-4.025-1.515c-3.602-.136-6.798 2.626-10.379 3.029c-2.243.252-5.748 1.612-6.759-.406Z"/></svg>

Princess アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

他のアイコンセットの Princess アイコン

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

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

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

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

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

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

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

Arcticons をすべて見る →