ICONYZ
Français
Icône Wapy Dev Light de selfh.st/icons

Icône Wapy Dev Light

selfhst:wapy-dev-light

L'icône Wapy Dev Light (selfhst:wapy-dev-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
wapydev, devlight, wapydevlight
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="M491.4 356.3c-.9 2.1-1.8 4.1-2.7 6.2l-39.3-39.3c-4.6 13-10.5 25.8-18.1 38.3c-23.6 39.4-57 66.9-94.4 82.8l38.2 38.2C266 539.2 120.4 514.2 43 398c-55.8-83.8-54.2-182.6-13.1-260.8l38.3 38.3c3.1-7.2 6.7-14.3 10.6-21.1c-32.4 56.4-38.7 128-6 193.1c72.2 144.2 275.6 152 358.6 13.8c84-140-23.1-317.7-186.5-309.4c-19.7 1-38.4 4.9-55.9 10.9l-39.5-39.5c-45.8 21-83.2 54.9-109.1 95.8C82 53.3 153.1 5.7 241.6.8C430.3-9.7 565.4 182.6 491.4 356.3M296.7 404L108.1 215.4c-13.1 46.1-4.9 98.5 31.5 140.9c41.3 48.2 103 62.6 157.1 47.7m93.9-74.2c2.9-5.4 5.6-11 8-17c41.1-102.6-40.3-216.5-150-209.8c-53.4 3.3-95.7 31-120.8 69.2c22.4-33.9 58.2-59.6 103.5-67.1l176.1 176.1c-1.8 10.6-4.7 21.2-8.9 31.7c-2.3 5.9-5 11.5-7.9 16.9"/><path fill="#fff" d="M398.5 312.9c4.2-10.5 7.1-21.1 8.9-31.7L231.3 105.1c-63 10.5-107.8 56-123.3 110.2L296.7 404c43.8-12 82.7-43.2 101.8-91.1m90.2 49.6l-39.3-39.3c-4.6 13-10.5 25.8-18.1 38.3c-23.6 39.4-57.1 66.8-94.5 82.7l38.4 38.4c47.7-24.8 88.4-65.1 113.5-120.1M29.9 137.2l38.3 38.3C90.6 124 133.5 81.9 189 62.8l-39.5-39.5c-52.4 24-93.8 64.9-119.6 113.9" opacity=".5"/></svg>

Comment utiliser l'icône Wapy Dev Light

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="selfhst:wapy-dev-light"></iconify-icon>

Image HTML

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

Icônes similaires dans selfh.st/icons

FAQ : Icône Wapy Dev Light

L'icône Wapy Dev 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 Wapy Dev Light dans React ?

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

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

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

Voir toutes les selfh.st/icons →