Icône Myicon
arcticons:myicon
L'icône Myicon (arcticons:myicon) est une icône SVG gratuite de la collection Arcticons par Donnnno. Elle est dessinée sur une grille de 48 × 48. Les Arcticons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Arcticons
- Auteur
- Donnnno
- Licence
- CC-BY-SA-4.0
- Taille
- 48 × 48
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.97 22.82H6.5c-.55 0-1-.45-1-1V6.5c0-.55.45-1 1-1h15.32c.55 0 1 .45 1 1v4.47m2.36 2.36V6.5c0-.55.45-1 1-1H41.5c.55 0 1 .45 1 1v15.32c0 .55-.45 1-1 1H30.96m-8.14 8.14V41.5c0 .55-.45 1-1 1H6.5c-.55 0-1-.45-1-1V26.18c0-.55.45-1 1-1h6.83m16.13 0H41.5c.55 0 1 .45 1 1V41.5c0 .55-.45 1-1 1H26.18c-.55 0-1-.45-1-1V29.46m3.814-12.311L17.149 28.994m.515-18.268l5.362 5.363m-7.877-2.848l2.909 2.908m-5.726-.091l5.786 5.787"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M37.917 31.403c-2.364-2.363-6.001-3.341-7.893-5.165c-.76-.734-.7-1.784-.318-2.166l1.864-1.864a1.757 1.757 0 0 0 0-2.484L21.36 9.514a1.757 1.757 0 0 0-2.484 0l-9.361 9.362a1.757 1.757 0 0 0 0 2.484l10.21 10.21a1.757 1.757 0 0 0 2.483 0l1.864-1.864c.382-.382 1.432-.442 2.166.318c1.824 1.892 2.802 5.53 5.165 7.892c1.757 1.758 4.257 1.227 5.999-.515s2.272-4.241.515-5.998"/><circle cx="34.108" cy="34.545" r="1.294" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>Comment utiliser l'icône Myicon
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:myicon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:myicon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:myicon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--myicon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:myicon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:myicon"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/arcticons/myicon.svg" alt="Icône Myicon" width="24" height="24">FAQ : Icône Myicon
L'icône Myicon est-elle gratuite pour un usage commercial ?
Oui. Les Arcticons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.
Comment utiliser l'icône Myicon dans React ?
Installez @iconify/react et affichez <Icon icon="arcticons:myicon" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Myicon à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/arcticons/myicon.svg" alt="Icône Myicon">, ou collez le code SVG directement dans la page pour le styliser en CSS.