Icône Tracearr
selfhst:tracearr
L'icône Tracearr (selfhst:tracearr) 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
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><filter id="SVGqReBxIRF" width="140%" height="140%" x="-20%" y="-20%"><feGaussianBlur result="blur" stdDeviation="1"/><feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge></filter><path fill="#0b1a2e" d="M256 0L36.6 91.4V256c0 128 91.4 219.4 219.4 256c128-36.6 219.4-128 219.4-256V91.4z"/><path fill="#162840" d="M256 36.6L73.1 109.7v128c0 109.7 77.7 187.4 182.9 219.4c105.1-32 182.9-109.7 182.9-219.4v-128z"/><path fill="#18d1e7" d="M359.3 198.4c-2.3 0-4.7-.9-6.5-2.7c-25.9-25.9-60.2-40.2-96.9-40.3c-5 0-9.1-4.1-9.1-9.2c0-5 4.1-9.1 9.1-9.1c41.5.1 80.5 16.3 109.8 45.7c3.6 3.6 3.6 9.4 0 12.9c-1.7 1.8-4 2.7-6.4 2.7" opacity=".6"/><path fill="#18d1e7" d="M384.9 172.8c-2.3 0-4.7-.9-6.5-2.7c-32.7-32.8-76.1-51-122.5-51.2c-5 0-9.1-4.1-9.1-9.2c0-5 4.1-9.1 9.1-9.1c51.2.2 99.3 20.3 135.4 56.6c3.6 3.6 3.5 9.4 0 12.9c-1.7 1.8-4.1 2.7-6.4 2.7" opacity=".4"/><path fill="#18d1e7" d="M411.4 146.3c-2.3 0-4.7-.9-6.5-2.7c-39.8-39.7-92.3-61.4-149-61.3c-5 0-9.1-4.1-9.1-9.1s4.1-9.2 9.1-9.2h.6c60.9 0 118.2 23.7 161.3 66.7c3.6 3.6 3.6 9.4 0 12.9c-1.7 1.8-4 2.7-6.4 2.7" opacity=".2"/><g filter="url(#SVGqReBxIRF)"><path fill="#18d1e7" d="M164.6 182.9h182.8v36.5h-73.1v146.3h-36.6V219.4h-73.1z"/></g></svg>Comment utiliser l'icône Tracearr
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:tracearr" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:tracearr" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:tracearr" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--tracearr]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:tracearr"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:tracearr"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/selfhst/tracearr.svg" alt="Icône Tracearr" width="24" height="24">Icônes similaires dans selfh.st/icons
FAQ : Icône Tracearr
L'icône Tracearr 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 Tracearr dans React ?
Installez @iconify/react et affichez <Icon icon="selfhst:tracearr" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Tracearr à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/selfhst/tracearr.svg" alt="Icône Tracearr">, ou collez le code SVG directement dans la page pour le styliser en CSS.