Face Grin Stars アイコン

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

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

fa7-regular:face-grin-stars

Face Grin Stars アイコン(fa7-regular:face-grin-stars)は、Font Awesome Regular セットの無料 SVG アイコンです（作者: Dave Gandy）。 640 × 640 のグリッドで描かれています。 Font Awesome Regular icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Font Awesome Regular
作者: Dave Gandy
ライセンス: CC-BY-4.0
サイズ: 640 × 640
タグ: facegrin、grinstars、facegrinstars、star

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M64 320c0-29.6 5-57.9 14.2-84.4l17.3 16.9l-4.6 27c-4.2 24.4 5.6 46.2 22 59.9c9.8 105.8 98.8 188.7 207.1 188.7s197.4-82.8 207.1-188.6c16.4-13.7 26.1-35.4 22-59.9l-4.6-27l17.3-16.9c9.2 26.4 14.2 54.8 14.2 84.4c0 141.4-114.6 256-256 256S64 461.4 64 320m256-208c-15.2 0-30 1.6-44.3 4.7l-10.3-20.9c-4.4-8.8-10.3-16-17.2-21.6C271 67.6 295.1 64 320 64s49 3.6 71.8 10.2c-6.9 5.6-12.8 12.8-17.2 21.6l-10.3 20.9c-14.3-3.1-29.1-4.7-44.3-4.7m116.2 254.3c11.8-3.6 23.7 6.1 19.6 17.8c-19.8 55.9-73.1 96-135.8 96s-116-40-135.8-95.9c-4.1-11.6 7.8-21.4 19.6-17.8c34.7 10.6 74.2 16.5 116.1 16.5c42 0 81.5-6 116.3-16.6m-18.5-249.2c5.9-11.9 22.8-11.9 28.7 0l23.3 47.2l52 7.6c13.1 1.9 18.4 18 8.9 27.3l-37.7 36.7l8.9 51.8c2.2 13.1-11.5 23-23.2 16.9L432 280l-46.5 24.5c-11.7 6.2-25.5-3.8-23.2-16.9l8.9-51.8l-37.7-36.7c-9.5-9.3-4.3-25.4 8.9-27.3l52-7.6l23.3-47.2zm-195.3 0l23.3 47.2l52 7.6c13.1 1.9 18.4 18 8.9 27.3l-37.7 36.7l8.9 51.8c2.2 13.1-11.5 23-23.2 16.9L208 280l-46.5 24.5c-11.7 6.2-25.5-3.8-23.2-16.9l8.9-51.8l-37.7-36.7c-9.5-9.3-4.3-25.4 8.9-27.3l52-7.6l23.3-47.2c5.9-11.9 22.8-11.9 28.7 0z"/></svg>

Face Grin Stars アイコンの使い方

React

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

<Icon icon="fa7-regular:face-grin-stars" width="24" />

Vue

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

<template>
  <Icon icon="fa7-regular:face-grin-stars" width="24" />
</template>

Svelte

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

<Icon icon="fa7-regular:face-grin-stars" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-regular--face-grin-stars]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa7-regular -->
<div class="i-fa7-regular:face-grin-stars"></div>

Web コンポーネント

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

<iconify-icon icon="fa7-regular:face-grin-stars"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fa7-regular/face-grin-stars.svg" alt="Face Grin Stars アイコン" width="24" height="24">

Font Awesome Regular の関連アイコン

他のアイコンセットの Face Grin Stars アイコン

Face Grin Stars アイコンのよくある質問

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

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

React で Face Grin Stars アイコンを使うには?

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

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

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

Font Awesome Regular アイコンをすべて見る →