face laugh icon

face-laugh-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.

Name: face-laugh-fill
Set: Keyline Icons
Style: Fill
Viewbox: 24×24
License: MIT

7 other variants in Keyline Icons

face-laugh face-laugh-duotone face-laugh-sharp face-laugh-sharp-duotone face-laugh-sharp-fill face-laugh-sharp-two-tone face-laugh-two-tone

The same icon in other sets

face-laughFont Awesome 6 Regular face-laughFont Awesome 6 Solid face-laughFont Awesome Regular face-laughFont Awesome Solid face-laugh-outlineFlowbite Icons

Related icons in Keyline Icons

face-angry face-expressionless face-frown face-neutral face-smile face-smile-plus

Use the face laugh icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function KeylineIconsFaceLaughFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-face-laugh-fill {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M23%2012C23%2018.0751%2018.0751%2023%2012%2023C5.9249%2023%201%2018.0751%201%2012C1%205.9249%205.9249%201%2012%201C18.0751%201%2023%205.9249%2023%2012ZM10%208C10%207.4477%209.5523%207%209%207C8.4477%207%208%207.4477%208%208L8%209C8%209.5523%208.4477%2010%209%2010C9.5523%2010%2010%209.5523%2010%209L10%208ZM16%208C16%207.4477%2015.5523%207%2015%207C14.4477%207%2014%207.4477%2014%208L14%209C14%209.5523%2014.4477%2010%2015%2010C15.5523%2010%2016%209.5523%2016%209L16%208ZM8.127%2012C7.0224%2012%206.127%2012.8954%206.127%2014C6.127%2014.1687%206.1484%2014.3367%206.1905%2014.5C6.8745%2017.1491%209.264%2019%2012%2019C14.736%2019%2017.1255%2017.1491%2017.8095%2014.5C17.8516%2014.3367%2017.873%2014.1687%2017.873%2014C17.873%2012.8954%2016.9776%2012%2015.873%2012L8.127%2012Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M23%2012C23%2018.0751%2018.0751%2023%2012%2023C5.9249%2023%201%2018.0751%201%2012C1%205.9249%205.9249%201%2012%201C18.0751%201%2023%205.9249%2023%2012ZM10%208C10%207.4477%209.5523%207%209%207C8.4477%207%208%207.4477%208%208L8%209C8%209.5523%208.4477%2010%209%2010C9.5523%2010%2010%209.5523%2010%209L10%208ZM16%208C16%207.4477%2015.5523%207%2015%207C14.4477%207%2014%207.4477%2014%208L14%209C14%209.5523%2014.4477%2010%2015%2010C15.5523%2010%2016%209.5523%2016%209L16%208ZM8.127%2012C7.0224%2012%206.127%2012.8954%206.127%2014C6.127%2014.1687%206.1484%2014.3367%206.1905%2014.5C6.8745%2017.1491%209.264%2019%2012%2019C14.736%2019%2017.1255%2017.1491%2017.8095%2014.5C17.8516%2014.3367%2017.873%2014.1687%2017.873%2014C17.873%2012.8954%2016.9776%2012%2015.873%2012L8.127%2012Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/face-laugh-fill.svg?color=%231a73e8&size=48