Face Laugh Fill アイコン
keyline-icons:face-laugh-fill
Face Laugh Fill アイコン(keyline-icons:face-laugh-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- facelaugh、laughfill、facelaughfill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M23 12C23 18.0751 18.0751 23 12 23C5.9249 23 1 18.0751 1 12C1 5.9249 5.9249 1 12 1C18.0751 1 23 5.9249 23 12ZM10 8C10 7.4477 9.5523 7 9 7C8.4477 7 8 7.4477 8 8L8 9C8 9.5523 8.4477 10 9 10C9.5523 10 10 9.5523 10 9L10 8ZM16 8C16 7.4477 15.5523 7 15 7C14.4477 7 14 7.4477 14 8L14 9C14 9.5523 14.4477 10 15 10C15.5523 10 16 9.5523 16 9L16 8ZM8.127 12C7.0224 12 6.127 12.8954 6.127 14C6.127 14.1687 6.1484 14.3367 6.1905 14.5C6.8745 17.1491 9.264 19 12 19C14.736 19 17.1255 17.1491 17.8095 14.5C17.8516 14.3367 17.873 14.1687 17.873 14C17.873 12.8954 16.9776 12 15.873 12L8.127 12Z"/></svg>Face Laugh Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:face-laugh-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:face-laugh-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:face-laugh-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--face-laugh-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:face-laugh-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:face-laugh-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/face-laugh-fill.svg" alt="Face Laugh Fill アイコン" width="24" height="24">Keyline Icons の関連アイコン
face-angry
face-angry-duotone
face-angry-fill
face-angry-sharp
face-angry-sharp-duotone
face-angry-sharp-fill
face-angry-sharp-two-tone
face-angry-two-tone
face-expressionless
face-expressionless-duotone
face-expressionless-fill
face-expressionless-sharp
face-expressionless-sharp-duotone
face-expressionless-sharp-fill
face-expressionless-sharp-two-tone
face-expressionless-two-tone
face-frown
face-frown-duotone
face-frown-fill
face-frown-sharp
face-frown-sharp-duotone
face-frown-sharp-fill
face-frown-sharp-two-tone
face-frown-two-tone
Face Laugh Fill アイコン のよくある質問
Face Laugh Fill アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Face Laugh Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:face-laugh-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Face Laugh Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/face-laugh-fill.svg" alt="Face Laugh Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。