Иконка Bell

uiw:bell

Иконка Bell (uiw:bell) — бесплатная SVG-иконка из набора uiw icons от liwen0526. Она нарисована на сетке 20 × 20. uiw icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: uiw icons
Автор: liwen0526
Лицензия: MIT
Размер: 20 × 20

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M9.985 0c1.089 0 1.971.898 1.971 2.006l-.009.163c.868.352 1.707.936 2.451 1.71c.862.893 1.366 2.077 1.521 3.596v5.478l1.191 2.098c.4.666.528 1.224.216 1.707c-.286.441-.797.595-1.49.583h-2.67C12.854 18.86 11.532 20 9.95 20s-2.905-1.14-3.216-2.658H3.778l-.056-.003c-.627-.054-1.094-.357-1.199-.94c-.071-.397.023-.823.268-1.331l1.225-2.18l.003-5.473c.107-1.21.56-2.337 1.348-3.371c.667-.875 1.62-1.519 2.654-1.89a2 2 0 0 1-.006-.148C8.015.898 8.897 0 9.985 0m1.818 17.342H8.097c.275.77 1 1.32 1.853 1.32c.852 0 1.578-.55 1.853-1.32M10.082 3.124c-1.354 0-2.843.645-3.677 1.74c-.638.836-.994 1.722-1.075 2.61v5.59c0 .117-.03.232-.087.333l-1.291 2.296q-.09.19-.12.311h12.014c.121.002.213-.003.276-.005a3 3 0 0 0-.141-.265l-1.287-2.267a.7.7 0 0 1-.088-.335l.003-5.586c-.121-1.162-.506-2.064-1.149-2.732c-1.04-1.08-2.262-1.69-3.378-1.69m-.097-1.787a.66.66 0 0 0-.635.497q.369-.047.732-.047q.266 0 .535.032a.66.66 0 0 0-.632-.482"/></svg>

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

React

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

<Icon icon="uiw:bell" width="24" />

Vue

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

<template>
  <Icon icon="uiw:bell" width="24" />
</template>

Svelte

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

<Icon icon="uiw:bell" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[uiw--bell]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/uiw -->
<div class="i-uiw:bell"></div>

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

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

<iconify-icon icon="uiw:bell"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/uiw/bell.svg" alt="Иконка Bell" width="24" height="24">

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

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

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

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

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

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

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

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

Все uiw icons →