ICONYZ
日本語
Boxicons の Dollar Circle Stars アイコン

Dollar Circle Stars アイコン

boxicons:dollar-circle-stars

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

アイコンセット
Boxicons
作者
Boxicons
ライセンス
MIT
サイズ
24 × 24
タグ
dollarcircle、circlestars、dollarcirclestars、star
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 9c-3.58 0-6.5 2.92-6.5 6.5S8.42 22 12 22s6.5-2.92 6.5-6.5S15.58 9 12 9m0 11.5c-2.76 0-5-2.24-5-5s2.24-5 5-5s5 2.24 5 5s-2.24 5-5 5"/><path fill="currentColor" d="M12 14.89c-1.22 0-1.22-.38-1.22-.61c0-.29.43-.61 1.22-.61c.72 0 .84.39.85.62h.61l.61-.01c0-.62-.41-1.5-1.46-1.75v-.68h-1.22v.66c-1.2.2-1.83.99-1.83 1.77c0 .68.32 1.83 2.43 1.83c1.22 0 1.22.41 1.22.61c0 .25-.38.61-1.22.61c-1.12 0-1.21-.52-1.22-.61H9.55c0 .56.4 1.55 1.83 1.78v.66h1.22v-.66c1.2-.2 1.83-.99 1.83-1.77c0-.68-.32-1.83-2.43-1.83ZM9.88 8L12 6.59L14.12 8l-.71-2.29L15 4.12l-2.04-.18L12 2l-.96 1.94L9 4.12l1.59 1.59zm10.42-.38L19.5 6l-.8 1.62l-1.7.14l1.32 1.33l-.58 1.91l1.76-1.18L21.26 11l-.58-1.91L22 7.76zM5.68 9.09L7 7.76l-1.7-.14L4.5 6l-.8 1.62l-1.7.14l1.32 1.33L2.74 11L4.5 9.82L6.26 11z"/></svg>

Dollar Circle Stars アイコンの使い方

React

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

<Icon icon="boxicons:dollar-circle-stars" width="24" />

Vue

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

<template>
  <Icon icon="boxicons:dollar-circle-stars" width="24" />
</template>

Svelte

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

<Icon icon="boxicons:dollar-circle-stars" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[boxicons--dollar-circle-stars]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/boxicons -->
<div class="i-boxicons:dollar-circle-stars"></div>

Web コンポーネント

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

<iconify-icon icon="boxicons:dollar-circle-stars"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/boxicons/dollar-circle-stars.svg" alt="Dollar Circle Stars アイコン" width="24" height="24">

Boxicons の関連アイコン

Dollar Circle Stars アイコン のよくある質問

Dollar Circle Stars アイコンは商用利用でも無料ですか?

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

React で Dollar Circle Stars アイコンを使うには?

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

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

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

Boxicons をすべて見る →