ICONYZ
日本語
Fontelico の Crown アイコン

Crown アイコン

fontelico:crown

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

アイコンセット
Fontelico
作者
Fontello
ライセンス
CC-BY-SA-3.0
サイズ
1000 × 1000
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="0 0 1000 1000"><path fill="currentColor" d="M498.7 27.7c-39.3 0-70.9 32.1-70.9 72.24c0 40.16 31.6 72.16 70.9 72.16s73.5-32 73.5-72.16c0-40.14-34.2-72.24-73.5-72.24m-48.4 222.1C410.6 369 349.5 401.5 349.5 401.5s-51.7-145.4-108.9-231.2c-23.3 51.5-46.8 86-96.3 99.3c-.8 44.8 51.2 208.8 55.7 290.7h600c2.5-78.9 55.8-256.2 55.8-288.7c-38.4-15.3-85-50.8-96.3-101.3c-63.2 85.8-109 231.2-109 231.2s-61-32.5-100.7-151.7c-26.9 13.1-77.8 13.4-99.5 0M153.1 27.7c-39.4 0-73.55 32.13-73.55 72.3c0 39.9 34.15 72.1 73.55 72.1c39.2 0 70.8-32.2 70.8-72.1c0-40.17-31.6-72.3-70.8-72.3m47.1 603.1v118.9h600V630.8zM844.3 27.7c-40.1 0-72.1 32.13-72.1 72.4c0 39.8 32 72 72.1 72c40.3 0 72.3-32.2 72.3-72c0-40.27-32-72.4-72.3-72.4"/></svg>

Crown アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Fontelico の関連アイコン

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

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

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

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

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

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

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

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

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