User Cross Rounded Outline icon

solar:user-cross-rounded-outline

The User Cross Rounded Outline icon (solar:user-cross-rounded-outline) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Users
Tags: usercross, crossrounded, roundedoutline, usercrossroundedoutline

Download SVG

SVG code

<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>

How to use the User Cross Rounded Outline icon

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>

HTML image

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

Related icons in Solar

User Cross Rounded Outline icon FAQ

Is the User Cross Rounded Outline icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the User Cross Rounded Outline icon in React?

Install @iconify/react and render <Icon icon="solar:user-cross-rounded-outline" />, or use “Copy code” on this page to get a standalone React component.

How do I add the User Cross Rounded Outline icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/user-cross-rounded-outline.svg" alt="User Cross Rounded Outline icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →