ICONYZ
Русский
Иконка Spleen из набора Pinhead Map Icons

Иконка Spleen

pinhead:spleen

Иконка Spleen (pinhead:spleen) — бесплатная SVG-иконка из набора Pinhead Map Icons от Quincy Morgan. Она нарисована на сетке 15 × 15. Pinhead Map Icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Pinhead Map Icons
Автор
Quincy Morgan
Лицензия
CC0-1.0
Размер
15 × 15
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M8.37.31c1.64.56 3.24 1.96 4.26 4.7c1.24 3.35 1 5.64.23 7.17c-.76 1.53-1.98 2.16-2.35 2.36c-.21.11-.55.21-.9.28c-.37.08-.83.16-1.32.17c-.48.02-1.02-.01-1.51-.15c-.51-.14-1.02-.4-1.38-.9c-1.22-1.71-.42-3.33-.06-4.05c.03-.05.06-.1.08-.15c.17-.35.32-.7.27-1.13c.14.04.29.09.43.14c.28.11.53.24.7.34c.09.05.16.09.2.12c.03.01.04.02.05.03l.01.01a.751.751 0 1 0 .88-1.22l-.01-.01l-.02-.01a1 1 0 0 1-.08-.05c-.06-.04-.16-.1-.27-.17c-.13-.07-.28-.16-.46-.24l.21-.06c.4-.1.65-.5.54-.91a.75.75 0 0 0-.91-.54c-.99.25-1.77.5-2.48.84c0 .01.01.01.01.02a2 2 0 0 0-.21-.16C3 5.77 2.23 4.62 2.25 3.39c.03-1.25.88-2.25 2.13-2.91c.86-.45 2.4-.72 3.99-.17m.37 2.5a.77.77 0 0 0-1.06.12c-.25.33-.2.8.12 1.06c.38.29.78.78 1.14 1.35c.35.56.64 1.16.79 1.65c.55 1.79.53 3.08.14 3.97a.751.751 0 1 0 1.38.6c.59-1.36.53-3.06-.08-5.01c-.2-.64-.54-1.35-.95-2.01c-.41-.65-.92-1.29-1.48-1.73M4.47 6.89c.83.64 1.17 1.19 1.22 1.72c-.45-.11-.89-.12-1.25.04c-.02.01-.04.02-.06.02c-.49.36-.96.84-1.54 1.56c-.26.32-.73.38-1.06.12a.757.757 0 0 1-.12-1.05c.79-.97 1.47-1.65 2.31-2.15c.16-.1.33-.18.5-.26"/></svg>

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

React

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

<Icon icon="pinhead:spleen" width="24" />

Vue

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

<template>
  <Icon icon="pinhead:spleen" width="24" />
</template>

Svelte

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

<Icon icon="pinhead:spleen" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="pinhead:spleen"></iconify-icon>

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

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

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

Иконка Spleen из набора Health Icons
Health Icons

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

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

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

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

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

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

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

Все Pinhead Map Icons →