Иконка Swarmpit

selfhst:swarmpit

Иконка Swarmpit (selfhst:swarmpit) — бесплатная SVG-иконка из набора selfh.st/icons от selfh.st. Она нарисована на сетке 512 × 512. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: selfh.st/icons
Автор: selfh.st
Лицензия: CC-BY-4.0
Размер: 512 × 512

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#bc4094" d="M149 391.9c-24.3 0-46.9-12.9-58.8-34l-39.9-69c-12.4-21-12.4-46.9 0-67.9l39.9-69c12.4-21 34.5-34 58.8-34h17.8l20.5-35.6h-58.8c-24.3 0-46.9 12.9-58.8 34L9.3 220.9c-12.4 21-12.4 46.9 0 67.9l60.4 104.6c12.4 21 34.5 34 58.8 34h58.8l-20.5-35.6H149z"/><path fill="#5d4695" d="M502.7 222.6L442.3 118c-12.4-21-34.5-34-58.8-34H262.2c-24.3 0-46.9 12.9-58.8 34l-1.1 1.6l-59.3 103c-5.9 9.7-8.6 21-9.2 32.4v.5c0 12.4 2.7 24.8 9.2 35.6l59.3 103l1.1 1.6c12.4 21 34.5 34 58.8 34h121.4c24.3 0 46.9-12.9 58.8-34l60.4-104.6c12.3-21.1 12.3-47.5-.1-68.5"/><path fill="#e8e0ec" d="M234.2 147.6c-2.7 2.7-5.4 5.9-7.5 9.7l-.5 1.1l-43.1 75c-4.3 7-6.5 15.1-6.5 23.2v.5c0 8.6 2.2 17.8 6.5 25.9l43.1 75l.5 1.1c2.2 3.2 4.3 6.5 7 9.2l75-110.5z"/><path fill="#fff" d="M463.9 240.4c-1.1-6.5-2.7-12.9-5.9-18.3l-43.7-76c-8.6-15.1-25.3-24.8-42.6-24.8h-87.9c-9.2 0-17.8 2.7-25.3 7L334 239.9h130z"/><path fill="#bb9ac9" d="M257.9 384.3c7.5 4.9 16.7 7.5 25.9 7.5h87.9c17.8 0 34-9.2 42.6-24.8l43.7-76c3.2-5.9 4.9-11.9 5.9-18.3H333.4z"/></svg>

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

React

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

<Icon icon="selfhst:swarmpit" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:swarmpit" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:swarmpit" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="selfhst:swarmpit"></iconify-icon>

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

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

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

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

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

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

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

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

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

Все selfh.st/icons →