Icône Rounded Magnifier Close Linear

solar:rounded-magnifier-close-linear

L'icône Rounded Magnifier Close Linear (solar:rounded-magnifier-close-linear) 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: Recherche
Mots-clés: roundedmagnifier, magnifierclose, closelinear, roundedmagnifiercloselinear

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="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><circle cx="11" cy="11" r="9"/><path d="M21.812 20.9748C21.7493 21.0695 21.636 21.1828 21.4094 21.4094C21.1828 21.636 21.0695 21.7493 20.9748 21.812C20.4202 22.1793 19.6699 21.99 19.3559 21.4036C19.3023 21.3035 19.2563 21.15 19.1643 20.843C19.0638 20.5076 19.0136 20.3398 19.0038 20.2218C18.9466 19.5268 19.5268 18.9466 20.2218 19.0038C20.3398 19.0136 20.5075 19.0638 20.843 19.1643C21.15 19.2563 21.3035 19.3023 21.4036 19.3559C21.99 19.6699 22.1793 20.4202 21.812 20.9748Z"/><path d="M9.23223 9.23163L11 10.9994M11 10.9994L12.7678 12.7672M11 10.9994L9.23223 12.7672M11 10.9994L12.7678 9.23163"/></g></svg>

Comment utiliser l'icône Rounded Magnifier Close Linear

React

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

<Icon icon="solar:rounded-magnifier-close-linear" width="24" />

Vue

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

<template>
  <Icon icon="solar:rounded-magnifier-close-linear" width="24" />
</template>

Svelte

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

<Icon icon="solar:rounded-magnifier-close-linear" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--rounded-magnifier-close-linear]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:rounded-magnifier-close-linear"></div>

Web component

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

<iconify-icon icon="solar:rounded-magnifier-close-linear"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/solar/rounded-magnifier-close-linear.svg" alt="Icône Rounded Magnifier Close Linear" width="24" height="24">

Icônes similaires dans Solar

FAQ : Icône Rounded Magnifier Close Linear

L'icône Rounded Magnifier Close Linear 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 Rounded Magnifier Close Linear dans React ?

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

Comment ajouter l'icône Rounded Magnifier Close Linear à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/solar/rounded-magnifier-close-linear.svg" alt="Icône Rounded Magnifier Close Linear">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Solar →