Иконка Pin Slash Fill
gravity-ui:pin-slash-fill
Иконка Pin Slash Fill (gravity-ui:pin-slash-fill) — бесплатная SVG-иконка из набора Gravity UI Icons от YANDEX LLC. Она нарисована на сетке 24 × 24. Gravity UI Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Gravity UI Icons
- Автор
- YANDEX LLC
- Лицензия
- MIT
- Размер
- 24 × 24
- Теги
- pinslash, slashfill, pinslashfill
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M10.5 2.255v-.01c.003-.03.013-.157-.361-.35C9.703 1.668 8.967 1.5 8 1.5s-1.703.169-2.138.394c-.375.194-.365.32-.362.351v.01c0 .008-.002.024.005.048L4.38 1.179C5.02.393 6.4 0 8 0c2.21 0 4 .75 4 2.25c0 .738-.433 1.294-1.136 1.669l.825 2.31c1.553.48 2.561 1.32 2.561 2.52c0 .617-.266 1.138-.734 1.565L5.738 2.536q.052.033.124.07C6.297 2.83 7.033 3 8 3s1.703-.169 2.139-.394c.374-.194.364-.32.361-.351M4.537 5.597l-.226.632C2.758 6.71 1.75 7.55 1.75 8.75c0 1.854 2.402 2.848 5.5 2.985V15a.75.75 0 0 0 1.5 0v-3.266a14 14 0 0 0 1.742-.182l2.478 2.478a.75.75 0 1 0 1.06-1.06l-11-11a.75.75 0 0 0-1.06 1.06z" clip-rule="evenodd"/></svg>Как использовать иконку Pin Slash Fill
React
import { Icon } from "@iconify/react";
<Icon icon="gravity-ui:pin-slash-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gravity-ui:pin-slash-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gravity-ui:pin-slash-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gravity-ui--pin-slash-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gravity-ui -->
<div class="i-gravity-ui:pin-slash-fill"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gravity-ui:pin-slash-fill"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/gravity-ui/pin-slash-fill.svg" alt="Иконка Pin Slash Fill" width="24" height="24">Похожие иконки в наборе Gravity UI Icons
Иконка Pin Slash Fill в других наборах
Вопросы и ответы: Иконка Pin Slash Fill
Можно ли бесплатно использовать иконку Pin Slash Fill в коммерческих проектах?
Да. Gravity UI Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Pin Slash Fill в React?
Установите @iconify/react и выведите <Icon icon="gravity-ui:pin-slash-fill" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Pin Slash Fill на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/gravity-ui/pin-slash-fill.svg" alt="Иконка Pin Slash Fill">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.