ICONYZ
Русский
Иконка Sad Face из набора Plump free icons

Иконка Sad Face

streamline-plump:sad-face

Иконка Sad Face (streamline-plump:sad-face) — бесплатная SVG-иконка из набора Plump free icons от Streamline. Она нарисована на сетке 48 × 48. Plump free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Plump free icons
Автор
Streamline
Лицензия
CC-BY-4.0
Размер
48 × 48
Категория
Почта
Теги
sadface
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="3"><path d="M45 24c0 11.598-9.402 21-21 21S3 35.598 3 24S12.402 3 24 3s21 9.402 21 21Z"/><path stroke-linecap="round" d="M15 17v2m18-2v2m-1 16a8 8 0 1 0-16 0"/></g></svg>

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

React

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

<Icon icon="streamline-plump:sad-face" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump:sad-face" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump:sad-face" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--sad-face]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:sad-face"></div>

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

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

<iconify-icon icon="streamline-plump:sad-face"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-plump/sad-face.svg" alt="Иконка Sad Face" width="24" height="24">

Похожие иконки в наборе Plump free icons

Иконка sad-face-remix
sad-face-remix
 Иконка sad-face-solid
sad-face-solid

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

Иконка Sad Face из набора Pinhead Map Icons
Pinhead Map Icons
 Иконка Sad Face из набора Plump color icons
Plump color icons
 Иконка Sad Face из набора Streamline
Streamline
 Иконка Sad Face из набора Streamline color
Streamline color

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

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

Да. Plump free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

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

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

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

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

Все Plump free icons →