Crown アイコン

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

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

reicon:crown

Crown アイコン(reicon:crown)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: UI

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 2.25a2.75 2.75 0 0 0-1.898 4.74l-.2.356l-1.797 3.223a8 8 0 0 1-.373.633a1 1 0 0 1-.06.077a1 1 0 0 1-.08-.058a8 8 0 0 1-.533-.507l-.08-.079a24 24 0 0 0-.872-.844a2.25 2.25 0 1 0-2.848 1.334l.01.173c.024.325.066.714.113 1.158l.185 1.717l.087.83c.112 1.083.22 2.118.38 2.991c.1.552.228 1.072.404 1.523c.175.448.417.875.774 1.195c.63.564 1.39.81 2.296.926c.875.112 1.978.112 3.352.112h2.28c1.374 0 2.477 0 3.352-.112c.907-.116 1.666-.362 2.296-.926c.357-.32.599-.747.774-1.195c.176-.451.304-.971.405-1.523c.16-.873.267-1.908.379-2.99l.087-.83l.185-1.717c.047-.445.09-.834.112-1.159l.011-.173a2.25 2.25 0 1 0-2.848-1.334c-.264.237-.554.526-.873.844l-.079.079c-.258.258-.412.41-.533.507a1 1 0 0 1-.08.058a1 1 0 0 1-.06-.077a8 8 0 0 1-.373-.633l-1.797-3.223l-.2-.356A2.75 2.75 0 0 0 12 2.25M10.75 5a1.25 1.25 0 1 1 2.5 0a1.25 1.25 0 0 1-2.5 0m.455 3.09q.12-.217.224-.4a2.8 2.8 0 0 0 1.142 0q.104.183.224.4l1.807 3.24c.155.278.298.535.438.734c.149.211.351.445.662.582c.268.118.564.159.854.119c.336-.047.595-.216.796-.378c.188-.153.397-.361.624-.586l.024-.024c.375-.374.65-.645.86-.837q.18.106.379.178l-.005.074c-.02.294-.06.657-.11 1.116l-.182 1.705l-.092.87c-.07.67-.134 1.295-.209 1.867H5.359a72 72 0 0 1-.21-1.868l-.09-.87l-.184-1.704a34 34 0 0 1-.114-1.19q.2-.073.38-.178c.21.192.484.463.86.837l.023.024c.227.225.436.433.624.586c.201.162.46.331.796.378c.29.04.586-.001.854-.12c.31-.136.514-.37.662-.581a9 9 0 0 0 .438-.735zM5.618 18.25q.097.414.217.72c.13.33.261.52.377.624c.317.283.739.46 1.487.556c.768.099 1.775.1 3.213.1h2.176c1.438 0 2.445-.001 3.213-.1c.748-.095 1.17-.273 1.487-.556c.116-.104.248-.294.377-.623q.12-.307.217-.721zM3.25 9a.75.75 0 1 1 .759.75H4A.75.75 0 0 1 3.25 9m16 0a.75.75 0 1 1 .75.75h-.009A.747.747 0 0 1 19.25 9" clip-rule="evenodd"/></svg>

Crown アイコンの使い方

React

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

<Icon icon="reicon:crown" width="24" />

Vue

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

<template>
  <Icon icon="reicon:crown" width="24" />
</template>

Svelte

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

<Icon icon="reicon:crown" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="reicon:crown"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/crown.svg" alt="Crown アイコン" width="24" height="24">

Reicon の関連アイコン

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

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

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

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

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

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

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

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

Reicon アイコンをすべて見る →