ICONYZ
Русский
Иконка Seriff из набора SmartIcons Glyph

Иконка Seriff

si-glyph:seriff

Иконка Seriff (si-glyph:seriff) — бесплатная SVG-иконка из набора SmartIcons Glyph от SmartIcons. Она нарисована на сетке 17 × 24. SmartIcons Glyph icons выпущены под лицензией CC BY SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
SmartIcons Glyph
Автор
SmartIcons
Лицензия
CC-BY-SA-4.0
Размер
17 × 24
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="17" height="24" viewBox="0 0 17 24"><path fill="currentColor" fill-rule="evenodd" d="M15.717 5.374c-.692 0-1.255.553-1.278 1.241l-3.421-.503l-1.469-3.004A1.28 1.28 0 0 0 9 .672c-.708 0-1.283.575-1.283 1.282c0 .488.276.907.679 1.125L6.914 6.112l-3.354.493a1.28 1.28 0 0 0-2.559.051c0 .708.575 1.282 1.282 1.282c.333 0 .636-.131.863-.34l2.498 2.458l-.575 3.388c-.033-.002-.066-.01-.099-.01a1.284 1.284 0 0 0 0 2.565c.707 0 1.282-.575 1.282-1.282c0-.25-.074-.479-.197-.677l2.91-1.546l2.966 1.574c-.113.191-.183.41-.183.648a1.283 1.283 0 1 0 1.282-1.283c-.057 0-.11.01-.166.018l-.576-3.396l2.529-2.488a1.283 1.283 0 0 0 2.182-.912c0-.708-.574-1.281-1.282-1.281"/></svg>

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

React

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

<Icon icon="si-glyph:seriff" width="24" />

Vue

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

<template>
  <Icon icon="si-glyph:seriff" width="24" />
</template>

Svelte

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

<Icon icon="si-glyph:seriff" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[si-glyph--seriff]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/si-glyph -->
<div class="i-si-glyph:seriff"></div>

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

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

<iconify-icon icon="si-glyph:seriff"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/si-glyph/seriff.svg" alt="Иконка Seriff" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки SmartIcons Glyph →