Иконка Logo Slack

gravity-ui:logo-slack

Иконка Logo Slack (gravity-ui:logo-slack) — бесплатная 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
Теги: logoslack

Скачать SVG

Код 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="M9.566 1.008a2.31 2.31 0 0 1 2.312 2.311v.971A2.305 2.305 0 0 1 15 6.45a2.3 2.3 0 0 1-.608 1.558c.38.412.614.96.614 1.564a2.31 2.31 0 0 1-2.312 2.312h-.968a2.3 2.3 0 0 1 .15.814a2.31 2.31 0 0 1-3.87 1.701a2.3 2.3 0 0 1-1.558.609a2.31 2.31 0 0 1-2.311-2.312v-.967a2.31 2.31 0 0 1-3.13-2.156a2.3 2.3 0 0 1 .61-1.561a2.3 2.3 0 0 1-.61-1.56a2.31 2.31 0 0 1 2.311-2.311h.966A2.302 2.302 0 0 1 6.44 1.008c.603 0 1.151.233 1.563.611c.412-.378.96-.611 1.562-.611M6.448 8.764h-.106a.81.81 0 0 0-.704.803v3.13a.812.812 0 0 0 1.62.06l-.003-.06v-1.558q0-.045.006-.09V9.69q-.004-.058-.006-.118l.003-.063a.81.81 0 0 0-.733-.75c-.025 0-.051.005-.077.005m2.313 3.932l-.004.06a.813.813 0 0 0 1.62-.058a.81.81 0 0 0-.809-.81h-.807zm.805-3.935a.81.81 0 0 0-.808.748l.003.058v.1c.047.403.39.717.805.717h3.13a.812.812 0 0 0 0-1.623zm-6.257.002a.81.81 0 0 0 .01 1.619a.813.813 0 0 0 .812-.812v-.806h-.812zm.01-3.122a.812.812 0 0 0-.01 1.622h2.983q.078-.006.157-.007l.072.003a.81.81 0 0 0 .736-.759l-.002-.052l-.001-.086a.81.81 0 0 0-.806-.721zm6.247-3.133a.81.81 0 0 0-.812.811v3.034c.001.032.006.066.006.1l-.003.047a.812.812 0 0 0 1.62-.048V3.32a.81.81 0 0 0-.81-.811M12.69 5.64a.813.813 0 0 0-.812.811v.808h.813a.81.81 0 1 0 0-1.62m-6.25-3.131a.81.81 0 0 0 0 1.619h.813v-.808l-.004-.083a.813.813 0 0 0-.809-.728" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="gravity-ui:logo-slack" width="24" />

Vue

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

<template>
  <Icon icon="gravity-ui:logo-slack" width="24" />
</template>

Svelte

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

<Icon icon="gravity-ui:logo-slack" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[gravity-ui--logo-slack]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/gravity-ui -->
<div class="i-gravity-ui:logo-slack"></div>

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

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

<iconify-icon icon="gravity-ui:logo-slack"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/gravity-ui/logo-slack.svg" alt="Иконка Logo Slack" width="24" height="24">

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

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

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

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

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

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

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

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

Все Gravity UI Icons →