Mirror Right Outline icon

solar:mirror-right-outline

The Mirror Right Outline icon (solar:mirror-right-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: Tools
Tags: mirrorright, rightoutline, mirrorrightoutline

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M9 3.75C8.56379 3.75 8.1653 3.75001 7.79757 3.75318C7.38337 3.75675 7.0447 3.42387 7.04112 3.00968C7.03755 2.59548 7.37043 2.25681 7.78463 2.25323C8.15946 2.25 8.56405 2.25 8.99787 2.25L9.90909 2.25C10.3233 2.25 10.6591 2.58579 10.6591 3C10.6591 3.41421 10.3233 3.75 9.90909 3.75L9 3.75ZM5.62882 3.0546C5.75175 3.45015 5.53075 3.87047 5.1352 3.9934C4.81401 4.09322 4.59048 4.22754 4.40901 4.40901C4.22754 4.59048 4.09322 4.81401 3.9934 5.1352C3.87047 5.53075 3.45015 5.75175 3.0546 5.62882C2.65905 5.50589 2.43805 5.08557 2.56098 4.69002C2.72116 4.17463 2.96876 3.72794 3.34835 3.34835C3.72794 2.96876 4.17463 2.72116 4.69002 2.56098C5.08557 2.43805 5.50589 2.65905 5.62882 3.0546ZM3.00968 7.04112C3.42387 7.0447 3.75675 7.38337 3.75318 7.79756C3.75001 8.1653 3.75 8.56379 3.75 9L3.75 10.3636C3.75 10.7779 3.41421 11.1136 3 11.1136C2.58579 11.1136 2.25 10.7779 2.25 10.3636L2.25 8.99787C2.25 8.56405 2.25 8.15946 2.25323 7.78463C2.25681 7.37043 2.59548 7.03755 3.00968 7.04112ZM3 12.8864C3.41421 12.8864 3.75 13.2222 3.75 13.6364L3.75 15C3.75 15.4362 3.75001 15.8347 3.75318 16.2024C3.75675 16.6166 3.42387 16.9553 3.00968 16.9589C2.59548 16.9625 2.25681 16.6296 2.25323 16.2154C2.25 15.8405 2.25 15.4359 2.25 15.0021L2.25 13.6364C2.25 13.2222 2.58579 12.8864 3 12.8864ZM3.0546 18.3712C3.45015 18.2483 3.87047 18.4693 3.9934 18.8648C4.09322 19.186 4.22754 19.4095 4.40901 19.591C4.59048 19.7725 4.81401 19.9068 5.1352 20.0066C5.53075 20.1295 5.75175 20.5498 5.62882 20.9454C5.50589 21.341 5.08557 21.562 4.69002 21.439C4.17463 21.2788 3.72794 21.0312 3.34835 20.6517C2.96876 20.2721 2.72116 19.8254 2.56098 19.31C2.43805 18.9144 2.65905 18.4941 3.0546 18.3712ZM7.04112 20.9903C7.0447 20.5761 7.38337 20.2432 7.79756 20.2468C8.1653 20.25 8.56379 20.25 9 20.25H9.90909C10.3233 20.25 10.6591 20.5858 10.6591 21C10.6591 21.4142 10.3233 21.75 9.90909 21.75H8.9977C8.56395 21.75 8.15941 21.75 7.78463 21.7468C7.37043 21.7432 7.03755 21.4045 7.04112 20.9903Z"/><path d="M12 1.25C12.4142 1.25 12.75 1.58579 12.75 2V2.25L13.0564 2.25C14.8942 2.24998 16.3498 2.24997 17.489 2.40313C18.6614 2.56076 19.6104 2.89288 20.3588 3.64124C21.1071 4.38961 21.4392 5.33856 21.5969 6.51098C21.75 7.65019 21.75 9.10583 21.75 10.9436V13.0564C21.75 14.8942 21.75 16.3498 21.5969 17.489C21.4392 18.6614 21.1071 19.6104 20.3588 20.3588C19.6104 21.1071 18.6614 21.4392 17.489 21.5969C16.3498 21.75 14.8942 21.75 13.0564 21.75H12.75V22C12.75 22.4142 12.4142 22.75 12 22.75C11.5858 22.75 11.25 22.4142 11.25 22V21.0004L11.25 3.00159L11.25 3L11.25 2.99841V2C11.25 1.58579 11.5858 1.25 12 1.25ZM12.75 3.75L12.75 20.25H13C14.9068 20.25 16.2615 20.2484 17.2891 20.1102C18.2952 19.975 18.8749 19.7213 19.2981 19.2981C19.7213 18.8749 19.975 18.2952 20.1102 17.2892C20.2484 16.2615 20.25 14.9068 20.25 13V11C20.25 9.09318 20.2484 7.73852 20.1102 6.71085C19.975 5.70476 19.7213 5.12511 19.2981 4.7019C18.8749 4.27869 18.2952 4.02502 17.2892 3.88976C16.2615 3.75159 14.9068 3.75 13 3.75H12.75Z"/></g></svg>

How to use the Mirror Right Outline icon

React

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

<Icon icon="solar:mirror-right-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:mirror-right-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:mirror-right-outline" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="solar:mirror-right-outline"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/mirror-right-outline.svg" alt="Mirror Right Outline icon" width="24" height="24">

Related icons in Solar

Mirror Right Outline icon FAQ

Is the Mirror Right 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 Mirror Right Outline icon in React?

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

How do I add the Mirror Right Outline icon to a web page?

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

Browse all Solar icons →