ICONYZ
Français
Icône Eraser Circle Outline de Solar

Icône Eraser Circle Outline

solar:eraser-circle-outline

L'icône Eraser Circle Outline (solar:eraser-circle-outline) est une icône SVG gratuite de la collection Solar par 480 Design. Elle est dessinée sur une grille de 24 × 24. Les Solar 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
Solar
Auteur
480 Design
Licence
CC-BY-4.0
Taille
24 × 24
Catégorie
Mise en forme du texte
Mots-clés
erasercircle, circleoutline, erasercircleoutline
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M12.8883 16.8959C12.3621 17.4222 11.9147 17.8697 11.5096 18.1788C11.078 18.508 10.6076 18.75 10.0318 18.75C9.45604 18.75 8.98563 18.508 8.55411 18.1788C8.149 17.8697 7.70155 17.4222 7.17534 16.8959L7.10407 16.8246C6.57782 16.2984 6.13033 15.851 5.82124 15.4459C5.492 15.0144 5.25 14.544 5.25 13.9682C5.25 13.3924 5.492 12.922 5.82124 12.4904C6.13032 12.0853 6.5778 11.6379 7.10405 11.1117L11.1117 7.10406C11.6379 6.57781 12.0853 6.13032 12.4904 5.82124C12.922 5.492 13.3924 5.25 13.9682 5.25C14.544 5.25 15.0144 5.492 15.4459 5.82124C15.851 6.13032 16.2984 6.57781 16.8246 7.10405L16.8959 7.17534C17.4222 7.70155 17.8697 8.149 18.1788 8.55411C18.508 8.98563 18.75 9.45604 18.75 10.0318C18.75 10.6076 18.508 11.078 18.1788 11.5096C17.8697 11.9147 17.4222 12.3621 16.8959 12.8883L12.8883 16.8959ZM12.1367 8.20037C12.7084 7.6287 13.0849 7.25442 13.4003 7.01378C13.6984 6.78634 13.8522 6.75 13.9682 6.75C14.0841 6.75 14.2379 6.78634 14.536 7.01378C14.8514 7.25442 15.228 7.6287 15.7996 8.20037C16.3713 8.77204 16.7456 9.14858 16.9862 9.46398C17.2137 9.76207 17.25 9.91588 17.25 10.0318C17.25 10.1478 17.2137 10.3016 16.9862 10.5997C16.7456 10.9151 16.3713 11.2916 15.7996 11.8633L13.1809 14.482L9.51797 10.8191L12.1367 8.20037ZM8.45731 11.8798L12.1202 15.5427L11.8633 15.7996C11.2916 16.3713 10.9151 16.7456 10.5997 16.9862C10.3016 17.2137 10.1478 17.25 10.0318 17.25C9.91588 17.25 9.76207 17.2137 9.46398 16.9862C9.14858 16.7456 8.77204 16.3713 8.20037 15.7996C7.6287 15.228 7.25442 14.8514 7.01378 14.536C6.78634 14.2379 6.75 14.0841 6.75 13.9682C6.75 13.8522 6.78634 13.6984 7.01378 13.4003C7.25442 13.0849 7.6287 12.7084 8.20037 12.1367L8.45731 11.8798Z"/><path d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12Z"/></g></svg>

Comment utiliser l'icône Eraser Circle Outline

React

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

<Icon icon="solar:eraser-circle-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:eraser-circle-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:eraser-circle-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--eraser-circle-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:eraser-circle-outline"></div>

Web component

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

<iconify-icon icon="solar:eraser-circle-outline"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/solar/eraser-circle-outline.svg" alt="Icône Eraser Circle Outline" width="24" height="24">

Icônes similaires dans Solar

FAQ : Icône Eraser Circle Outline

L'icône Eraser Circle Outline est-elle gratuite pour un usage commercial ?

Oui. Les Solar 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 Eraser Circle Outline dans React ?

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

Comment ajouter l'icône Eraser Circle Outline à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/solar/eraser-circle-outline.svg" alt="Icône Eraser Circle Outline">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Solar →