File Smile Bold Duotone icon

solar:file-smile-bold-duotone

The File Smile Bold Duotone icon (solar:file-smile-bold-duotone) 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: filesmile, smilebold, boldduotone, filesmileboldduotone

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="M14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V10C2 6.22876 2 4.34315 3.17157 3.17157C4.34315 2 6.23869 2 10.0298 2C10.6358 2 11.1214 2 11.53 2.01666C11.5166 2.09659 11.5095 2.17813 11.5092 2.26057L11.5 5.09497C11.4999 6.19207 11.4998 7.16164 11.6049 7.94316C11.7188 8.79028 11.9803 9.63726 12.6716 10.3285C13.3628 11.0198 14.2098 11.2813 15.0569 11.3952C15.8385 11.5003 16.808 11.5002 17.9051 11.5001L18 11.5001H21.9574C22 12.0344 22 12.6901 22 13.5629V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22Z" clip-rule="evenodd" opacity=".5"/><path d="M8 14.5C8 15.3284 7.55228 16 7 16C6.44772 16 6 15.3284 6 14.5C6 13.6716 6.44772 13 7 13C7.55228 13 8 13.6716 8 14.5Z"/><path d="M9.4161 16.876C9.07146 16.6463 8.60581 16.7394 8.37604 17.0841C8.14628 17.4287 8.23941 17.8944 8.58405 18.1241C10.6526 19.5032 13.3475 19.5032 15.4161 18.1241C15.7608 17.8944 15.8539 17.4287 15.6241 17.0841C15.3944 16.7394 14.9287 16.6463 14.5841 16.876C13.0193 17.9192 10.9808 17.9192 9.4161 16.876Z"/><path d="M18 14.5C18 15.3284 17.5523 16 17 16C16.4477 16 16 15.3284 16 14.5C16 13.6716 16.4477 13 17 13C17.5523 13 18 13.6716 18 14.5Z"/><path d="M11.5092 2.2601L11.5 5.0945C11.4999 6.1916 11.4998 7.16117 11.6049 7.94269C11.7188 8.78981 11.9803 9.6368 12.6716 10.3281C13.3629 11.0193 14.2098 11.2808 15.057 11.3947C15.8385 11.4998 16.808 11.4997 17.9051 11.4996L21.9574 11.4996C21.9698 11.6552 21.9786 11.821 21.9848 11.9995H22C22 11.732 22 11.5983 21.9901 11.4408C21.9335 10.5463 21.5617 9.52125 21.0315 8.79853C20.9382 8.6713 20.8743 8.59493 20.7467 8.44218C19.9542 7.49359 18.911 6.31193 18 5.49953C17.1892 4.77645 16.0787 3.98536 15.1101 3.3385C14.2781 2.78275 13.862 2.50487 13.2915 2.29834C13.1403 2.24359 12.9408 2.18311 12.7846 2.14466C12.4006 2.05013 12.0268 2.01725 11.5 2.00586L11.5092 2.2601Z"/></g></svg>

How to use the File Smile Bold Duotone icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in Solar

File Smile Bold Duotone icon FAQ

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

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

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

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

Browse all Solar icons →