mirror 2 icon
mirror-2-linear from Solar by 480 Design · Linear · UI · CC-BY-4.0 Attribution required.
- Name
- mirror-2-linear
- Set
- Solar
- Style
- Linear
- Category
- UI
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More ui icons from Solar
accessibility-boldadd-boldadd-circle-boldadd-square-boldaugmented-reality-boldballoon-boldbattery-charge-boldbattery-charge-minimalistic-boldbattery-full-boldbattery-full-minimalistic-boldbattery-half-boldbattery-half-minimalistic-boldbattery-low-boldbattery-low-minimalistic-boldblocks-boldbody-boldbolt-boldbolt-circle-boldbox-boldbox-minimalistic-boldbroom-boldcat-boldcheck-circle-boldcheck-square-bold
Use the mirror 2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4.35 17C3.49422 15.597 3 13.9413 3 12.168C3 7.10468 7.02944 3 12 3C16.9706 3 21 7.10468 21 12.168C21 13.9413 20.5058 15.597 19.65 17"/><path stroke-linecap="round" 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"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarMirror2Linear(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M4.35 17C3.49422 15.597 3 13.9413 3 12.168C3 7.10468 7.02944 3 12 3C16.9706 3 21 7.10468 21 12.168C21 13.9413 20.5058 15.597 19.65 17"/><path strokeLinecap="round" 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"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4.35 17C3.49422 15.597 3 13.9413 3 12.168C3 7.10468 7.02944 3 12 3C16.9706 3 21 7.10468 21 12.168C21 13.9413 20.5058 15.597 19.65 17"/><path stroke-linecap="round" 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"/></g></svg> </template>
CSS
.icon-mirror-2-linear {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M4.35%2017C3.49422%2015.597%203%2013.9413%203%2012.168C3%207.10468%207.02944%203%2012%203C16.9706%203%2021%207.10468%2021%2012.168C21%2013.9413%2020.5058%2015.597%2019.65%2017%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M5.63636%2022H18.3636C20.3719%2022%2022%2020.3719%2022%2018.3636C22%2017.6105%2021.3895%2017%2020.6364%2017H16.8284C16.298%2017%2015.7893%2017.2107%2015.4142%2017.5858L14.5858%2018.4142C14.2107%2018.7893%2013.702%2019%2013.1716%2019H10.8284C10.298%2019%209.78929%2018.7893%209.41421%2018.4142L8.58579%2017.5858C8.21071%2017.2107%207.70201%2017%207.17157%2017H3.36364C2.61052%2017%202%2017.6105%202%2018.3636C2%2020.3719%203.62806%2022%205.63636%2022Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M4.35%2017C3.49422%2015.597%203%2013.9413%203%2012.168C3%207.10468%207.02944%203%2012%203C16.9706%203%2021%207.10468%2021%2012.168C21%2013.9413%2020.5058%2015.597%2019.65%2017%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M5.63636%2022H18.3636C20.3719%2022%2022%2020.3719%2022%2018.3636C22%2017.6105%2021.3895%2017%2020.6364%2017H16.8284C16.298%2017%2015.7893%2017.2107%2015.4142%2017.5858L14.5858%2018.4142C14.2107%2018.7893%2013.702%2019%2013.1716%2019H10.8284C10.298%2019%209.78929%2018.7893%209.41421%2018.4142L8.58579%2017.5858C8.21071%2017.2107%207.70201%2017%207.17157%2017H3.36364C2.61052%2017%202%2017.6105%202%2018.3636C2%2020.3719%203.62806%2022%205.63636%2022Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/mirror-2-linear.svg?color=%231a73e8&size=48
