Icône Atom
lets-icons:atom
L'icône Atom (lets-icons:atom) est une icône SVG gratuite de la collection Lets Icons par Leonid Tsvetkov. Elle est dessinée sur une grille de 24 × 24. Les Lets 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
- Lets Icons
- Auteur
- Leonid Tsvetkov
- Licence
- CC-BY-4.0
- Taille
- 24 × 24
- Catégorie
- Études
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><circle cx="12" cy="12" r="1" fill="currentColor"/><path stroke="currentColor" stroke-width="2" d="M12 3c.189 0 .47.091.83.473c.363.383.736.993 1.07 1.828C14.566 6.965 15 9.334 15 12s-.434 5.035-1.1 6.7c-.334.834-.707 1.444-1.07 1.827c-.36.381-.641.473-.83.473s-.47-.091-.83-.473c-.363-.383-.736-.993-1.07-1.828C9.434 17.035 9 14.666 9 12s.434-5.035 1.1-6.7c.334-.834.707-1.444 1.07-1.827c.36-.383.64-.473.83-.473Z"/><path stroke="currentColor" stroke-width="2" d="M19.794 7.5c.095.163.156.452.006.955c-.15.506-.492 1.134-1.048 1.841c-1.109 1.41-2.943 2.969-5.252 4.302c-2.31 1.333-4.577 2.142-6.351 2.397c-.89.129-1.605.11-2.119-.012c-.51-.122-.73-.32-.824-.483c-.095-.163-.156-.452-.006-.955c.15-.506.492-1.134 1.048-1.841c1.109-1.409 2.943-2.969 5.252-4.302c2.31-1.333 4.577-2.142 6.352-2.397c.89-.129 1.604-.11 2.118.013c.51.121.73.319.824.482Z"/><path stroke="currentColor" stroke-width="2" d="M19.794 16.5c.095-.163.156-.452.006-.955c-.15-.506-.492-1.134-1.048-1.841c-1.109-1.41-2.943-2.969-5.252-4.302c-2.31-1.333-4.577-2.142-6.351-2.398c-.89-.128-1.605-.109-2.119.013c-.51.122-.73.32-.824.483c-.095.163-.156.452-.006.955c.15.506.492 1.134 1.048 1.841c1.109 1.409 2.943 2.969 5.252 4.302c2.31 1.333 4.577 2.141 6.352 2.397c.89.128 1.604.11 2.118-.013c.51-.121.73-.319.824-.482Z"/></g></svg>
Comment utiliser l'icône Atom
React
import { Icon } from "@iconify/react";
<Icon icon="lets-icons:atom" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lets-icons:atom" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lets-icons:atom" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lets-icons--atom]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lets-icons -->
<div class="i-lets-icons:atom"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lets-icons:atom"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/lets-icons/atom.svg" alt="Icône Atom" width="24" height="24">
Icônes similaires dans Lets Icons
L'icône Atom dans d'autres collections
FAQ : Icône Atom
L'icône Atom est-elle gratuite pour un usage commercial ?
Oui. Les Lets 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 Atom dans React ?
Installez @iconify/react et affichez <Icon icon="lets-icons:atom" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Atom à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/lets-icons/atom.svg" alt="Icône Atom">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Lets Icons →
ICONYZ
