Иконка Face Angry Sharp Fill

keyline-icons:face-angry-sharp-fill

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

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

Скачать SVG

Код 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 12ZM8.4142 8L7 9.4142L9.5858 12L11 10.5858L8.4142 8ZM17 9.4142L15.5858 8L13 10.5858L14.4142 12L17 9.4142ZM9.4142 18L9.7071 17.7071C10.5981 16.8161 11.3588 16.5 12 16.5C12.6412 16.5 13.4019 16.8161 14.2929 17.7071L14.5858 18L16 16.5858L15.7071 16.2929C14.5981 15.1839 13.3588 14.5 12 14.5C10.6412 14.5 9.4019 15.1839 8.2929 16.2929L8 16.5858Z"/></svg>

Как использовать иконку Face Angry Sharp Fill

React

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

<Icon icon="keyline-icons:face-angry-sharp-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:face-angry-sharp-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:face-angry-sharp-fill" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="keyline-icons:face-angry-sharp-fill"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/keyline-icons/face-angry-sharp-fill.svg" alt="Иконка Face Angry Sharp Fill" width="24" height="24">

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

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

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

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

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

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

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

Все Keyline Icons →