Face Laugh Fill icon

keyline-icons:face-laugh-fill

The Face Laugh Fill icon (keyline-icons:face-laugh-fill) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Keyline Icons
Author: Keyline Icons
License: MIT
Size: 24 × 24
Tags: facelaugh, laughfill, facelaughfill

Download SVG

SVG code

<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>

How to use the Face Laugh Fill icon

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 component

<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 image

<img src="https://iconyz.com/api/public/svg/keyline-icons/face-laugh-fill.svg" alt="Face Laugh Fill icon" width="24" height="24">

Related icons in Keyline Icons

Face Laugh Fill icon FAQ

Is the Face Laugh Fill icon free for commercial use?

Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Face Laugh Fill icon in React?

Install @iconify/react and render <Icon icon="keyline-icons:face-laugh-fill" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Face Laugh Fill icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/face-laugh-fill.svg" alt="Face Laugh Fill icon">, or paste the SVG code inline to style it with CSS.

Browse all Keyline Icons →