Icône Sandstorm Light

selfhst:sandstorm-light

L'icône Sandstorm Light (selfhst:sandstorm-light) est une icône SVG gratuite de la collection selfh.st/icons par selfh.st. Elle est dessinée sur une grille de 512 × 512. Les selfh.st/icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: selfh.st/icons
Auteur: selfh.st
Licence: CC-BY-4.0
Taille: 512 × 512
Mots-clés: sandstormlight

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M504.4 76.2h-21.1v8.3h-2v20.8H502v-8h2.4zm-361.2 94.9h-39.9v77.7H181v-39.9h-18.7v-19.1h-19.1zm128-116.9h-20.8v21.2h20.8zM167.9 160.7h-20.8v20.7h20.8v21.2h20.7v-21.2h-20.7zm57.4-15.2h-20.7v77.8h77.7v-20.7h-18.7v-19.2h-19.2v-18.7h-19.1zm28.3-17.5h-20.7v20.7h20.7zM360.1 14.8h-20.8v20.7h20.8zm-84.2 135.9h-20.7v21.2h20.7zM436.6 0h-21.1v20.7h11.6v15.2h20.7V14.8h-11.2zm-37 58.2h-20.8V79h20.8zM297.9 172.7h-21.2v21.1h21.2zM224.1 252h-39.9v77.8H262v-39.9h-18.8v-19.1h-19.1zm25.9-8.8h-20.7V264H250v20.7h21.2V264H250zm163.9-132.3h-20.7V132h20.7zm-82.1 14.3H311v78.2h20.8l17.1-.4v.4l20.7-.4h19.2v-20.8h-19.2v-18.7h-4.3v-13.6h-14.8v-5.6h-18.7zm10.3 90.9H321v21.2h21.1zm121.3-104.8h-21.2V132h21.2zM363.3 238.1h-21.2v20.7h21.2zm110.4-81.4H453v20.7h20.7zm-87.3 103.7h-20.7v21.1l20.7-.4zm-75-28.7h-20.7v77.7h77.7v-20.7h-19.1v-19.1h-18.7v-19.2h-19.2zm21.2 93.7h-20.8v20.7h20.8zM461.8 244H441v20.8h20.8zM353.3 346.1h-20.7v21.2h20.7zM305 333h-39.8v77.7h77.7v-39.9h-18.7v-19.1H305zM90.9 201H7.6v311h318.2v-83.3h-83v-75.8h-75.7v-76.2H90.9z"/></svg>

Comment utiliser l'icône Sandstorm Light

React

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

<Icon icon="selfhst:sandstorm-light" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:sandstorm-light" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:sandstorm-light" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="selfhst:sandstorm-light"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/selfhst/sandstorm-light.svg" alt="Icône Sandstorm Light" width="24" height="24">

Icônes similaires dans selfh.st/icons

FAQ : Icône Sandstorm Light

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

Oui. Les selfh.st/icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Sandstorm Light dans React ?

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

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

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

Voir toutes les selfh.st/icons →