Icône Zectrix

simple-icons:zectrix

L'icône Zectrix (simple-icons:zectrix) est une icône SVG gratuite de la collection Simple Icons par Simple Icons Collaborators. Elle est dessinée sur une grille de 24 × 24. Les Simple Icons sont publiées sous la licence CC0 1.0, 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: Simple Icons
Auteur: Simple Icons Collaborators
Licence: CC0-1.0
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="M22.918 1.715A3.68 3.68 0 0 0 20.316.633H4.738a3.67 3.67 0 0 0-2.603 1.082a3.68 3.68 0 0 0-1.081 2.602c0 1.011.417 1.938 1.081 2.602a3.68 3.68 0 0 0 2.603 1.082h2.22a.615.615 0 0 0 0-1.23h-2.22a2.466 2.466 0 0 1-2.461-2.454c0-.679.276-1.287.721-1.74s1.06-.72 1.74-.72h10.288c4.279 0 5.48 5.727 3.218 7.99l-1.358 1.358a.615.615 0 1 0 .87.87l5.042-5.042c.134-.149.672-.757.884-1.224A3.7 3.7 0 0 0 24 4.31c0-1.011-.41-1.93-1.082-2.595M3.691 4.317c0 .58.467 1.047 1.047 1.047s1.046-.467 1.046-1.047s-.466-1.046-1.046-1.046c-.573 0-1.047.466-1.047 1.046m5 0c0-.58-.467-1.046-1.047-1.046s-1.047.466-1.047 1.046s.467 1.047 1.047 1.047c.573 0 1.047-.474 1.047-1.047m1.86 1.047c.58 0 1.046-.467 1.046-1.047s-.467-1.046-1.047-1.046s-1.046.466-1.046 1.046c0 .573.466 1.047 1.046 1.047m2.907 0c.58 0 1.046-.467 1.046-1.047s-.467-1.046-1.046-1.046s-1.047.466-1.047 1.046a1.05 1.05 0 0 0 1.047 1.047m2.899 0c.58 0 1.046-.467 1.046-1.047s-.466-1.046-1.046-1.046s-1.047.466-1.047 1.046a1.06 1.06 0 0 0 1.047 1.047M10.55 8.433c.58 0 1.047-.467 1.047-1.047S11.13 6.34 10.55 6.34s-1.046.466-1.046 1.046s.466 1.047 1.046 1.047m2.907 0c.58 0 1.046-.467 1.046-1.047s-.467-1.046-1.046-1.046s-1.047.466-1.047 1.046s.467 1.047 1.047 1.047m2.899 0c.58 0 1.046-.467 1.046-1.047s-.466-1.046-1.046-1.046s-1.047.466-1.047 1.046c.007.58.474 1.047 1.047 1.047m-2.9 3.076c.58 0 1.047-.467 1.047-1.047s-.467-1.046-1.046-1.046s-1.047.466-1.047 1.046s.467 1.047 1.047 1.047m5.805 4.483h-2.22a.615.615 0 0 0 0 1.23h2.22a2.466 2.466 0 0 1 2.46 2.454c0 .679-.275 1.287-.72 1.74a2.45 2.45 0 0 1-1.74.72H8.973c-4.278 0-5.48-5.727-3.217-7.99l1.358-1.357a.615.615 0 1 0-.87-.87L1.202 16.96c-.134.148-.672.756-.884 1.223a3.68 3.68 0 0 0 .764 4.101a3.68 3.68 0 0 0 2.602 1.082h15.578a3.67 3.67 0 0 0 2.602-1.082a3.68 3.68 0 0 0 1.082-2.602a3.68 3.68 0 0 0-1.082-2.602a3.65 3.65 0 0 0-2.602-1.09m1.047 3.692c0-.58-.467-1.046-1.047-1.046s-1.046.466-1.046 1.046s.466 1.047 1.046 1.047s1.047-.467 1.047-1.047m-3.953 1.047c.58 0 1.046-.467 1.046-1.047s-.466-1.046-1.046-1.046s-1.047.466-1.047 1.046c.007.58.474 1.047 1.047 1.047m-2.9 0c.58 0 1.047-.467 1.047-1.047s-.467-1.046-1.046-1.046s-1.047.466-1.047 1.046s.467 1.047 1.047 1.047m-2.907 0c.58 0 1.047-.467 1.047-1.047s-.467-1.046-1.047-1.046s-1.046.466-1.046 1.046s.466 1.047 1.046 1.047m-2.906-2.093c-.58 0-1.047.466-1.047 1.046s.467 1.047 1.047 1.047s1.047-.467 1.047-1.047s-.474-1.046-1.047-1.046m5.813-.983c.58 0 1.046-.467 1.046-1.047s-.467-1.046-1.046-1.046s-1.047.466-1.047 1.046s.467 1.047 1.047 1.047m-2.907 0c.58 0 1.047-.467 1.047-1.047s-.467-1.046-1.047-1.046s-1.046.466-1.046 1.046s.466 1.047 1.046 1.047m-3.953-1.047c0 .58.467 1.047 1.047 1.047s1.047-.467 1.047-1.047s-.467-1.046-1.047-1.046a1.053 1.053 0 0 0-1.047 1.046m3.953-2.03c.58 0 1.047-.466 1.047-1.046s-.467-1.046-1.047-1.046s-1.046.466-1.046 1.046s.466 1.047 1.046 1.047"/></svg>

Comment utiliser l'icône Zectrix

React

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

<Icon icon="simple-icons:zectrix" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:zectrix" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:zectrix" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--zectrix]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="simple-icons:zectrix"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/simple-icons/zectrix.svg" alt="Icône Zectrix" width="24" height="24">

FAQ : Icône Zectrix

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

Oui. Les Simple Icons sont publiées sous la licence CC0 1.0, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Zectrix dans React ?

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

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

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

Voir toutes les Simple Icons →