Crown Bold Duotone アイコン

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

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:crown-bold-duotone

Crown Bold Duotone アイコン(solar:crown-bold-duotone)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: UI
タグ: crownbold、boldduotone、crownboldduotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M19.6872 14.0932L19.8706 12.3885C19.9684 11.479 20.033 10.8784 19.9823 10.5C19.5357 10.4948 19.1359 10.2944 18.8645 9.98019C18.5384 10.1814 18.1122 10.6061 17.4705 11.2452C16.9762 11.7376 16.729 11.9838 16.4533 12.0219C16.3005 12.0431 16.1449 12.0213 16.0038 11.9592C15.7492 11.8471 15.5794 11.5427 15.2399 10.934L13.4505 7.72546C13.241 7.3499 13.0657 7.03565 12.9077 6.78271C12.6353 6.92169 12.3268 7.00006 12 7.00006C11.6732 7.00006 11.3647 6.92169 11.0923 6.78272C10.9343 7.03566 10.759 7.34991 10.5495 7.72547L8.76006 10.934C8.42056 11.5427 8.25081 11.8471 7.99621 11.9592C7.85514 12.0213 7.69947 12.0431 7.5467 12.0219C7.27097 11.9838 7.02381 11.7376 6.5295 11.2452C5.88785 10.6061 5.46157 10.1814 5.13553 9.98019C4.86406 10.2944 4.46434 10.4948 4.01771 10.5C3.96702 10.8784 4.03162 11.479 4.12945 12.3885L4.3128 14.0932C4.34376 14.3809 4.37312 14.6645 4.40192 14.9425C4.65422 17.3783 4.86292 19.3932 5.71208 20.1532C6.65817 21.0001 8.07613 21.0001 10.9121 21.0001H13.0879C15.9239 21.0001 17.3418 21.0001 18.2879 20.1532C19.1371 19.3932 19.3458 17.3783 19.5981 14.9426C19.6269 14.6645 19.6562 14.3809 19.6872 14.0932Z" clip-rule="evenodd" opacity=".5"/><path d="M20 10.5C20.8284 10.5 21.5 9.82843 21.5 9C21.5 8.17157 20.8284 7.5 20 7.5C19.1716 7.5 18.5 8.17157 18.5 9C18.5 9.37466 18.6374 9.71724 18.8645 9.98013C19.1359 10.2944 19.5357 10.4947 19.9823 10.4999L20 10.5Z"/><path d="M12 3C10.8954 3 10 3.89543 10 5C10 5.77778 10.444 6.45187 11.0923 6.78265C11.3647 6.92163 11.6732 7 12 7C12.3268 7 12.6353 6.92163 12.9077 6.78265C13.556 6.45187 14 5.77778 14 5C14 3.89543 13.1046 3 12 3Z"/><path d="M2.5 9C2.5 9.82843 3.17157 10.5 4 10.5L4.01771 10.4999C4.46434 10.4947 4.86406 10.2944 5.13553 9.98012C5.36264 9.71724 5.5 9.37466 5.5 9C5.5 8.17157 4.82843 7.5 4 7.5C3.17157 7.5 2.5 8.17157 2.5 9Z"/><path d="M4.84862 18.25C4.75064 17.7997 4.67228 17.2952 4.60254 16.75H19.3968C19.327 17.2952 19.2487 17.7997 19.1507 18.25H4.84862Z"/></g></svg>

Crown Bold Duotone アイコンの使い方

React

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

<Icon icon="solar:crown-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:crown-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:crown-bold-duotone" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:crown-bold-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/crown-bold-duotone.svg" alt="Crown Bold Duotone アイコン" width="24" height="24">

Solar の関連アイコン

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

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

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

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