Icône Atom 20
energy-icons:atom-20
L'icône Atom 20 (energy-icons:atom-20) est une icône SVG gratuite de la collection Energy Icons par Sam Passmore. Elle est dessinée sur une grille de 20 × 20. Les Energy Icons sont publiées sous la licence MIT, 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
- Energy Icons
- Auteur
- Sam Passmore
- Licence
- MIT
- Taille
- 20 × 20
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M17.3 10c0-.204-.11-.46-.443-.754c-.332-.292-.842-.578-1.515-.828C13.999 7.918 12.11 7.6 10 7.6s-3.998.319-5.341.818c-.673.25-1.183.536-1.516.828c-.333.293-.443.55-.443.754s.11.46.443.753c.333.292.843.579 1.516.83c1.343.498 3.23.816 5.34.816c2.111 0 4-.318 5.343-.817c.673-.25 1.183-.537 1.515-.829c.333-.293.442-.549.443-.753m1 0c0 .596-.327 1.103-.783 1.504c-.456.402-1.09.74-1.828 1.015c-1.48.55-3.492.88-5.69.88c-2.197 0-4.208-.33-5.689-.88c-.738-.275-1.37-.614-1.827-1.015S1.7 10.596 1.7 10s.327-1.104.783-1.505c.457-.401 1.09-.74 1.827-1.015C5.79 6.93 7.802 6.6 10 6.6c2.197 0 4.209.33 5.69.88c.737.275 1.37.614 1.827 1.015s.783.909.783 1.505"/><path fill="currentColor" d="M5.85 2.812c.517-.298 1.12-.269 1.694-.074c.576.195 1.186.573 1.792 1.075c1.217 1.007 2.51 2.583 3.608 4.486c1.099 1.904 1.818 3.811 2.082 5.368c.131.777.154 1.494.035 2.09s-.395 1.133-.911 1.43c-.517.299-1.12.27-1.694.075c-.576-.195-1.186-.573-1.792-1.075c-1.217-1.007-2.509-2.584-3.608-4.487s-1.82-3.811-2.083-5.37c-.131-.776-.153-1.493-.034-2.09c.12-.595.395-1.13.911-1.43m1.374.873c-.42-.142-.697-.11-.874-.008s-.343.326-.43.76c-.087.435-.08 1.02.04 1.727c.239 1.413.907 3.208 1.962 5.036c1.056 1.827 2.276 3.303 3.38 4.216c.552.458 1.055.757 1.474.899s.697.109.874.007c.177-.103.343-.326.43-.761c.087-.434.08-1.019-.04-1.727c-.239-1.412-.907-3.207-1.962-5.035c-1.055-1.827-2.276-3.304-3.38-4.217c-.552-.457-1.055-.755-1.474-.897"/><path fill="currentColor" d="M12.456 2.738c.575-.195 1.177-.224 1.694.074s.792.834.911 1.43c.12.596.096 1.313-.035 2.09c-.264 1.557-.983 3.464-2.082 5.368c-1.099 1.903-2.39 3.48-3.608 4.487c-.606.502-1.215.88-1.792 1.075c-.575.194-1.177.224-1.694-.074s-.792-.835-.911-1.43c-.12-.597-.097-1.314.034-2.09c.264-1.558.984-3.465 2.083-5.369s2.391-3.48 3.608-4.486c.606-.502 1.216-.88 1.792-1.075m1.194.94c-.177-.103-.454-.135-.874.007s-.922.44-1.475.897c-1.103.913-2.323 2.39-3.379 4.217c-1.055 1.828-1.723 3.623-1.962 5.035c-.12.708-.127 1.293-.04 1.727s.253.659.43.76c.177.103.454.136.874-.006s.922-.44 1.475-.899c1.103-.913 2.324-2.389 3.379-4.216s1.724-3.623 1.963-5.036c.12-.707.126-1.292.04-1.726c-.088-.435-.254-.659-.431-.76"/><path fill="currentColor" d="M10.4 10a.4.4 0 1 0-.8 0a.4.4 0 0 0 .8 0m1 0a1.4 1.4 0 1 1-2.8 0a1.4 1.4 0 0 1 2.8 0"/></svg>Comment utiliser l'icône Atom 20
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:atom-20" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:atom-20" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:atom-20" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--atom-20]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:atom-20"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:atom-20"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/atom-20.svg" alt="Icône Atom 20" width="24" height="24">Icônes similaires dans Energy Icons
FAQ : Icône Atom 20
L'icône Atom 20 est-elle gratuite pour un usage commercial ?
Oui. Les Energy Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Atom 20 dans React ?
Installez @iconify/react et affichez <Icon icon="energy-icons:atom-20" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Atom 20 à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/energy-icons/atom-20.svg" alt="Icône Atom 20">, ou collez le code SVG directement dans la page pour le styliser en CSS.