Иконка Face Laugh

keyline-icons:face-laugh

Иконка Face Laugh (keyline-icons:face-laugh) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: facelaugh

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M22 12C22 17.5228 17.5228 22 12 22C6.4772 22 2 17.5228 2 12C2 6.4772 6.4772 2 12 2C17.5228 2 22 6.4772 22 12ZM9 8L9 9M15 8L15 9M8.127 13L15.873 13C16.4253 13 16.873 13.4477 16.873 14C16.873 14.0843 16.8623 14.1683 16.8412 14.25C16.2712 16.4576 14.28 18 12 18C9.72 18 7.7288 16.4576 7.1588 14.25C7.1377 14.1683 7.127 14.0843 7.127 14C7.127 13.4477 7.5747 13 8.127 13Z"/></svg>

Как использовать иконку Face Laugh

React

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

<Icon icon="keyline-icons:face-laugh" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:face-laugh" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:face-laugh" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--face-laugh]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:face-laugh"></div>

Веб-компонент

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

<iconify-icon icon="keyline-icons:face-laugh"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/face-laugh.svg" alt="Иконка Face Laugh" width="24" height="24">

Иконка Face Laugh в других наборах

Вопросы и ответы: Иконка Face Laugh

Можно ли бесплатно использовать иконку Face Laugh в коммерческих проектах?

Да. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Face Laugh в React?

Установите @iconify/react и выведите <Icon icon="keyline-icons:face-laugh" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Face Laugh на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/keyline-icons/face-laugh.svg" alt="Иконка Face Laugh">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Keyline Icons →