Icône User Cross Rounded Outline

solar:user-cross-rounded-outline

L'icône User Cross Rounded Outline (solar:user-cross-rounded-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: Utilisateurs
Mots-clés: usercross, crossrounded, roundedoutline, usercrossroundedoutline

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"><path fill-rule="evenodd" d="M12 1.25C9.37665 1.25 7.25 3.37665 7.25 6C7.25 8.62335 9.37665 10.75 12 10.75C14.6234 10.75 16.75 8.62335 16.75 6C16.75 3.37665 14.6234 1.25 12 1.25ZM8.75 6C8.75 4.20507 10.2051 2.75 12 2.75C13.7949 2.75 15.25 4.20507 15.25 6C15.25 7.79493 13.7949 9.25 12 9.25C10.2051 9.25 8.75 7.79493 8.75 6Z" clip-rule="evenodd"/><path d="M16.1968 16.1363C15.9039 15.8434 15.4291 15.8434 15.1362 16.1363C14.8433 16.4292 14.8433 16.9041 15.1362 17.197L15.9393 18.0002L15.1365 18.803C14.8436 19.0959 14.8436 19.5708 15.1365 19.8637C15.4294 20.1565 15.9043 20.1565 16.1972 19.8637L17 19.0608L17.8028 19.8637C18.0957 20.1565 18.5706 20.1565 18.8635 19.8637C19.1564 19.5708 19.1564 19.0959 18.8635 18.803L18.0607 18.0002L18.8638 17.197C19.1567 16.9041 19.1567 16.4292 18.8638 16.1363C18.5709 15.8434 18.0961 15.8434 17.8032 16.1363L17 16.9395L16.1968 16.1363Z"/><path fill-rule="evenodd" d="M12 12.25C13.8045 12.25 15.4825 12.6184 16.8118 13.2537C16.8742 13.2512 16.937 13.25 17 13.25C19.6234 13.25 21.75 15.3766 21.75 18C21.75 20.6234 19.6234 22.75 17 22.75C15.8204 22.75 14.7413 22.32 13.9107 21.6083C13.2991 21.7009 12.6587 21.75 12 21.75C9.96067 21.75 8.07752 21.2792 6.67815 20.4796C5.3 19.6921 4.25 18.4899 4.25 17C4.25 15.5101 5.3 14.3079 6.67815 13.5204C8.07752 12.7208 9.96067 12.25 12 12.25ZM5.75 17C5.75 16.2807 6.26701 15.483 7.42236 14.8228C8.55649 14.1747 10.1733 13.75 12 13.75C12.8611 13.75 13.6767 13.8444 14.4176 14.0127C13.113 14.8593 12.25 16.3289 12.25 18C12.25 18.8029 12.4492 19.5593 12.8009 20.2224C12.5388 20.2406 12.2715 20.25 12 20.25C10.1733 20.25 8.55649 19.8253 7.42236 19.1772C6.26701 18.517 5.75 17.7193 5.75 17ZM17 14.75C15.2051 14.75 13.75 16.2051 13.75 18C13.75 19.7949 15.2051 21.25 17 21.25C18.7949 21.25 20.25 19.7949 20.25 18C20.25 16.2051 18.7949 14.75 17 14.75Z" clip-rule="evenodd"/></g></svg>

Comment utiliser l'icône User Cross Rounded Outline

React

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

<Icon icon="solar:user-cross-rounded-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:user-cross-rounded-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:user-cross-rounded-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--user-cross-rounded-outline]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="solar:user-cross-rounded-outline"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/solar/user-cross-rounded-outline.svg" alt="Icône User Cross Rounded Outline" width="24" height="24">

Icônes similaires dans Solar

FAQ : Icône User Cross Rounded Outline

L'icône User Cross Rounded 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 User Cross Rounded Outline dans React ?

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

Comment ajouter l'icône User Cross Rounded Outline à une page web ?

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

Voir toutes les Icônes Solar →