mirror 2 icon
mirror-2-broken from Solar by 480 Design · Broken · UI · CC-BY-4.0 Attribution required.
- Name
- mirror-2-broken
- Set
- Solar
- Style
- Broken
- 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-linecap="round" stroke-width="1.5"><path d="M21 12.168C21 7.10468 16.9706 3 12 3C7.02944 3 3 7.10468 3 12.168C3 13.9413 3.49422 15.597 4.35 17"/><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"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarMirror2Broken(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" strokeLinecap="round" strokeWidth="1.5"><path d="M21 12.168C21 7.10468 16.9706 3 12 3C7.02944 3 3 7.10468 3 12.168C3 13.9413 3.49422 15.597 4.35 17"/><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"/></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-linecap="round" stroke-width="1.5"><path d="M21 12.168C21 7.10468 16.9706 3 12 3C7.02944 3 3 7.10468 3 12.168C3 13.9413 3.49422 15.597 4.35 17"/><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"/></g></svg> </template>
CSS
.icon-mirror-2-broken {
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-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M21%2012.168C21%207.10468%2016.9706%203%2012%203C7.02944%203%203%207.10468%203%2012.168C3%2013.9413%203.49422%2015.597%204.35%2017%22%2F%3E%3Cpath%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-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M21%2012.168C21%207.10468%2016.9706%203%2012%203C7.02944%203%203%207.10468%203%2012.168C3%2013.9413%203.49422%2015.597%204.35%2017%22%2F%3E%3Cpath%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-broken.svg?color=%231a73e8&size=48
