Иконка Sst

bxl:sst

Иконка Sst (bxl:sst) — бесплатная SVG-иконка из набора Boxicons Brands от Boxicons. Она нарисована на сетке 24 × 24. Boxicons Brands icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Boxicons Brands
Автор: Boxicons
Лицензия: MIT
Размер: 24 × 24

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.29 16.5s.01-.07-.02-.09c-.01 0-.02-.01-.04-.01H3.25c-.69 0-1.25-.56-1.25-1.25v-5.8c0-.25.07-.49.19-.7l2.13-3.71c.22-.39.64-.63 1.09-.63h12.91c.41 0 .75.33.75.75c0 .14-.04.28-.11.4l-1.39 2.22c-.06.1-.03.24.07.3c.03.02.08.03.12.03h3.15c.61 0 1.1.49 1.1 1.1v5.56c0 .62-.16 1.23-.46 1.78c-.38.69-.99 1.66-1.38 2.36c-.3.55-.88.89-1.51.89H6.54c-.28 0-.53-.15-.66-.4a.76.76 0 0 1 .04-.77c.53-.78 1.16-1.71 1.37-2.03m1.87-.58c-.25 0-.49.12-.64.33c-.4.57-1.23 1.74-1.64 2.33c-.07.1-.05.24.05.31c.04.03.08.04.13.04h11.31c.42 0 .8-.22 1.01-.58c.3-.51.8-1.26 1.11-1.79a.42.42 0 0 0-.16-.58a.4.4 0 0 0-.21-.06H9.15Zm-3.19-3.24c-.43 0-.83.2-1.09.53l-1.34 1.71a.44.44 0 0 0 .07.61q.12.09.27.09h3.91c.14-.29.43-.48.75-.48h7.56c.31 0 .6-.16.76-.42l1.03-1.68c.08-.13.04-.29-.09-.37a.23.23 0 0 0-.14-.04l-11.69.04Zm12.01 1.85a.406.406 0 0 0 .35.62h2.19c.17 0 .33-.07.45-.19s.19-.28.19-.45V9.4c0-.35-.28-.63-.63-.63H10.3c-.38 0-.74.2-.95.52c-.36.57-.79 1.48-1.14 2.04a.326.326 0 0 0 .27.5h9.71c.45 0 .81.36.81.81c0 .15-.04.3-.12.43l-.91 1.46Zm-1.79-6.52c.08 0 .16-.04.21-.11l1.45-2.23c.09-.13.05-.31-.08-.39a.3.3 0 0 0-.15-.05H6.55c-.66 0-1.19.53-1.19 1.19v4.22c0 .67.54 1.21 1.21 1.21h.22s1.26-2.2 1.96-3.27c.23-.36.63-.58 1.06-.58h6.39Z"/></svg>

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

React

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

<Icon icon="bxl:sst" width="24" />

Vue

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

<template>
  <Icon icon="bxl:sst" width="24" />
</template>

Svelte

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

<Icon icon="bxl:sst" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="bxl:sst"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Иконки Boxicons Brands →