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 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 コードをページに直接貼り付けます。