File User Bold icon

solar:file-user-bold

The File User Bold icon (solar:file-user-bold) 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: Files
Tags: fileuser, userbold, fileuserbold

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 d="M9.25098 16.0918C9.91857 16.0919 10.4865 16.2287 10.8594 16.415C11.2289 16.5999 11.251 16.7389 11.251 16.7285L11.2461 16.9492C11.2432 17.0021 11.2394 17.0356 11.2324 17.0625C11.2291 17.0753 11.234 17.0687 11.2168 17.0811C11.1729 17.1128 11.0387 17.1855 10.708 17.2451C10.3824 17.3037 9.91528 17.3418 9.25098 17.3418C8.58666 17.3418 8.1196 17.3037 7.79395 17.2451C7.46335 17.1856 7.32842 17.113 7.28418 17.0811C7.26712 17.0687 7.27274 17.075 7.26953 17.0625C7.2625 17.0356 7.25778 17.0021 7.25488 16.9492L7.25098 16.7285C7.25568 16.7179 7.2997 16.586 7.6416 16.415C8.01464 16.2286 8.58306 16.0918 9.25098 16.0918Z"/><path d="M9.25 11.9668C9.59508 11.9668 9.875 12.2467 9.875 12.5918C9.87495 12.9368 9.59505 13.2167 9.25 13.2168C8.90491 13.2168 8.62505 12.9369 8.625 12.5918C8.625 12.2467 8.90488 11.9668 9.25 11.9668Z"/><path fill-rule="evenodd" d="M10.0303 2C10.6361 2 11.1218 1.99994 11.5303 2.0166C11.5168 2.09653 11.5091 2.1783 11.5088 2.26074L11.5 5.09473C11.4999 6.19183 11.4994 7.16184 11.6045 7.94336C11.7184 8.79041 11.9807 9.6369 12.6719 10.3281C13.3631 11.0193 14.2096 11.2816 15.0566 11.3955C15.8382 11.5006 16.8082 11.5001 17.9053 11.5H21.957C21.9996 12.0342 22 12.6899 22 13.5625V14C22 17.7712 21.9997 19.6566 20.8281 20.8281C19.6566 21.9997 17.7712 22 14 22H10C6.22876 22 4.34345 21.9997 3.17188 20.8281C2.0003 19.6566 2 17.7712 2 14V10C2 6.22876 2.0003 4.34345 3.17188 3.17188C4.34345 2.0003 6.23918 2 10.0303 2ZM9.25 10.4668C8.07645 10.4668 7.125 11.4182 7.125 12.5918C7.12504 13.5477 7.75666 14.355 8.625 14.6221C8.00922 14.6844 7.43785 14.8397 6.9707 15.0732C6.39337 15.3619 5.75 15.9 5.75 16.7168L5.75586 17.0312C5.7775 17.4041 5.88598 17.921 6.40527 18.2969C6.70498 18.5136 7.0867 18.6422 7.52832 18.7217C7.97594 18.8022 8.54103 18.8418 9.25098 18.8418C9.96089 18.8418 10.5261 18.8022 10.9736 18.7217C11.4152 18.6422 11.7971 18.5137 12.0967 18.2969C12.7887 17.7957 12.751 17.0443 12.751 16.7168C12.751 15.9002 12.1075 15.362 11.5303 15.0732C11.063 14.8397 10.4909 14.6844 9.875 14.6221C10.7433 14.355 11.375 13.5476 11.375 12.5918C11.375 11.4183 10.4235 10.4668 9.25 10.4668Z" clip-rule="evenodd"/><path d="M13.0088 2.26562C13.7007 2.53113 14.2649 3.03877 15.3926 4.05371L19.3516 7.61621C20.5682 8.71115 21.2175 9.29582 21.5801 10H18C15.643 10 14.4647 9.99981 13.7324 9.26758C13.0002 8.53534 13 7.35697 13 5L13.0088 2.26562Z"/></g></svg>

How to use the File User Bold icon

React

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

<Icon icon="solar:file-user-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:file-user-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:file-user-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--file-user-bold]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="solar:file-user-bold"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/file-user-bold.svg" alt="File User Bold icon" width="24" height="24">

Related icons in Solar

File User Bold icon FAQ

Is the File User Bold 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 File User Bold icon in React?

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

How do I add the File User Bold icon to a web page?

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

Browse all Solar icons →