Icône Sst

bxl:sst

L'icône Sst (bxl:sst) est une icône SVG gratuite de la collection Boxicons Brands par Boxicons. Elle est dessinée sur une grille de 24 × 24. Les Boxicons Brands icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Boxicons Brands
Auteur: Boxicons
Licence: MIT
Taille: 24 × 24

Télécharger le SVG

Code 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>

Comment utiliser l'icône 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>

Web component

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

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

Image HTML

<img src="https://iconyz.com/api/public/svg/bxl/sst.svg" alt="Icône Sst" width="24" height="24">

L'icône Sst dans d'autres collections

FAQ : Icône Sst

L'icône Sst est-elle gratuite pour un usage commercial ?

Oui. Les Boxicons Brands icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Sst dans React ?

Installez @iconify/react et affichez <Icon icon="bxl:sst" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Sst à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/bxl/sst.svg" alt="Icône Sst">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Boxicons Brands →