Icône Atom Editor
griddy-icons:atom-editor
L'icône Atom Editor (griddy-icons:atom-editor) est une icône SVG gratuite de la collection Griddy Icons par Zuzana Benova. Elle est dessinée sur une grille de 24 × 24. Les Griddy 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
- Griddy Icons
- Auteur
- Zuzana Benova
- Licence
- MIT
- Taille
- 24 × 24
- Mots-clés
- atomeditor
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8.028 12.497c-.142.295-.265.544-.383.796c-.587 1.264-1.074 2.562-1.325 3.937c-.14.765-.216 1.536-.017 2.304c.172.66.53.998 1.14 1.026c.267.013.547-.044.808-.117c.689-.195 1.288-.572 1.868-.98c.141-.1.285-.162.46-.097c.312.116.425.529.162.725c-.947.705-1.95 1.314-3.177 1.351c-1.005.031-1.732-.508-2.053-1.466c-.24-.715-.254-1.45-.166-2.188c.261-2.197 1.109-4.192 2.127-6.126a.53.53 0 0 0 .03-.476c-.254-.73-.49-1.466-.722-2.204c-.044-.14-.09-.18-.241-.146c-.997.22-1.98.487-2.865 1.011a4.5 4.5 0 0 0-.942.74c-.454.478-.463 1.006-.092 1.55c.324.476.78.8 1.262 1.095c.15.092.31.17.461.26c.221.133.296.388.183.6a.437.437 0 0 1-.6.179c-.676-.348-1.307-.76-1.813-1.34c-.31-.355-.537-.753-.612-1.226c-.094-.59.075-1.11.43-1.576c.364-.481.844-.825 1.368-1.11c.928-.505 1.929-.807 2.957-1.03c.07-.015.14-.034.235-.058c-.048-.274-.1-.54-.142-.809c-.168-1.09-.246-2.18.022-3.268c.106-.43.272-.836.562-1.178c.59-.698 1.35-.854 2.202-.646c.842.206 1.55.672 2.209 1.215c.186.154.191.43.039.61c-.155.182-.397.205-.609.061c-.332-.226-.655-.468-1-.672c-.396-.234-.821-.4-1.295-.402a1.06 1.06 0 0 0-.918.474c-.282.402-.383.865-.436 1.34c-.113 1.006.021 1.995.217 2.978c.02.105.061.142.171.13c.794-.078 1.588-.157 2.383-.224a.5.5 0 0 0 .393-.212c1.033-1.305 2.166-2.514 3.498-3.522c.742-.562 1.527-1.051 2.43-1.319c.564-.167 1.137-.23 1.706-.029c.711.25 1.109.79 1.313 1.488c.218.74.184 1.495.096 2.25a8 8 0 0 1-.093.576c-.05.26-.243.398-.503.368c-.236-.028-.39-.218-.365-.481c.034-.364.117-.726.12-1.088c.005-.43-.004-.87-.093-1.288c-.187-.867-.787-1.207-1.674-1.012c-.666.147-1.257.46-1.82.83c-1.154.762-2.14 1.714-3.055 2.743c-.17.19-.334.388-.5.584c-.01.011-.009.032-.021.081h.24c2.356.024 4.679.304 6.948.958c1.08.31 2.124.716 3.084 1.314c.51.317.98.685 1.35 1.165c.757.978.693 2.077-.177 2.954c-.587.591-1.31.965-2.082 1.256a.43.43 0 0 1-.541-.248c-.092-.23.007-.467.24-.58c.357-.172.727-.322 1.064-.527c.28-.17.538-.377.765-.615c.47-.502.488-1.05.089-1.611c-.3-.42-.701-.728-1.134-.996c-1.066-.663-2.237-1.074-3.442-1.394a20.6 20.6 0 0 0-3.83-.66c-1.032-.073-2.069-.095-3.104-.144c-.15-.007-.252.037-.335.165c-.606.936-1.22 1.867-1.823 2.805a.33.33 0 0 0-.033.264c1.022 2.431 2.316 4.7 4.03 6.716c.723.847 1.508 1.631 2.461 2.225c.448.278.915.51 1.456.546c.491.033.85-.172 1.093-.588c.23-.393.321-.827.362-1.273c.134-1.44-.151-2.827-.529-4.201c-.386-1.408-.933-2.756-1.56-4.072a.76.76 0 0 1-.086-.346c.01-.208.174-.356.378-.388a.44.44 0 0 1 .46.264c.224.48.451.96.657 1.448c.634 1.508 1.144 3.056 1.414 4.675c.188 1.13.278 2.264.017 3.396a4 4 0 0 1-.254.741c-.444.973-1.346 1.412-2.391 1.184c-.85-.186-1.567-.63-2.236-1.16c-1.23-.976-2.229-2.165-3.132-3.44a27 27 0 0 1-2.627-4.617c-.027-.06-.058-.119-.112-.228m-.445-3.863l.563 1.789L9.45 8.432zm4.994 4.618a1.28 1.28 0 0 1-1.28-1.276a1.283 1.283 0 0 1 1.294-1.281c.707 0 1.28.573 1.281 1.277a1.28 1.28 0 0 1-1.295 1.28" clip-rule="evenodd"/></svg>Comment utiliser l'icône Atom Editor
React
import { Icon } from "@iconify/react";
<Icon icon="griddy-icons:atom-editor" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="griddy-icons:atom-editor" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="griddy-icons:atom-editor" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[griddy-icons--atom-editor]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/griddy-icons -->
<div class="i-griddy-icons:atom-editor"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="griddy-icons:atom-editor"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/griddy-icons/atom-editor.svg" alt="Icône Atom Editor" width="24" height="24">Icônes similaires dans Griddy Icons
L'icône Atom Editor dans d'autres collections
FAQ : Icône Atom Editor
L'icône Atom Editor est-elle gratuite pour un usage commercial ?
Oui. Les Griddy Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Atom Editor dans React ?
Installez @iconify/react et affichez <Icon icon="griddy-icons:atom-editor" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Atom Editor à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/griddy-icons/atom-editor.svg" alt="Icône Atom Editor">, ou collez le code SVG directement dans la page pour le styliser en CSS.