Mirror 2 Bold icon

solar:mirror-2-bold

The Mirror 2 Bold icon (solar:mirror-2-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: UI
Tags: mirrorbold

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="M5.63636 22H18.3636C20.3719 22 22 20.3719 22 18.3636C22 17.6105 21.3895 17 20.6364 17H16.8284C16.298 17 15.7893 17.2107 15.4142 17.5858L14.5858 18.4142C14.2107 18.7893 13.702 19 13.1716 19H10.8284C10.298 19 9.78929 18.7893 9.41421 18.4142L8.58579 17.5858C8.21071 17.2107 7.70201 17 7.17157 17H3.36364C2.61052 17 2 17.6105 2 18.3636C2 20.3719 3.62806 22 5.63636 22Z"/><path d="M3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 13.2414 20.7487 14.4241 20.2941 15.5H16.8284C15.9002 15.5 15.0099 15.8687 14.3536 16.5251L13.5251 17.3536C13.4314 17.4473 13.3042 17.5 13.1716 17.5H10.8284C10.6958 17.5 10.5686 17.4473 10.4749 17.3536L9.64645 16.5251C8.99007 15.8687 8.09983 15.5 7.17157 15.5H3.70591C3.25134 14.4241 3 13.2414 3 12Z"/></g></svg>

How to use the Mirror 2 Bold icon

React

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

<Icon icon="solar:mirror-2-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:mirror-2-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:mirror-2-bold" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="solar:mirror-2-bold"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/mirror-2-bold.svg" alt="Mirror 2 Bold icon" width="24" height="24">

Related icons in Solar

Mirror 2 Bold icon FAQ

Is the Mirror 2 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 Mirror 2 Bold icon in React?

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

How do I add the Mirror 2 Bold icon to a web page?

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

Browse all Solar icons →