mirror2 icon
mirror2 from Reicon by REICON · Outline · UI · MIT Free for personal and commercial use.
- Name
- mirror2
- Set
- Reicon
- Style
- Outline
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
More ui icons from Reicon
Use the mirror2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 2.25c-5.398 0-9.75 4.454-9.75 9.918c0 1.46.31 2.847.868 4.096a2.114 2.114 0 0 0-1.868 2.1a4.386 4.386 0 0 0 4.386 4.386h12.728a4.386 4.386 0 0 0 4.386-4.386a2.114 2.114 0 0 0-1.868-2.1a10 10 0 0 0 .868-4.096c0-5.464-4.352-9.918-9.75-9.918m7.217 14a8.5 8.5 0 0 0 1.033-4.082c0-4.662-3.707-8.418-8.25-8.418s-8.25 3.756-8.25 8.418a8.5 8.5 0 0 0 1.033 4.082h2.389c.729 0 1.428.29 1.944.805l.829.829c.234.234.552.366.883.366h2.344c.331 0 .649-.132.883-.366l.829-.829a2.75 2.75 0 0 1 1.944-.805zM2.75 18.364c0-.34.275-.614.614-.614h3.808c.331 0 .649.132.883.366l.829.829a2.75 2.75 0 0 0 1.944.805h2.344c.729 0 1.428-.29 1.944-.805l.829-.829a1.25 1.25 0 0 1 .883-.366h3.808c.34 0 .614.275.614.614a2.886 2.886 0 0 1-2.886 2.886H5.636a2.886 2.886 0 0 1-2.886-2.886" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconMirror2(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M12 2.25c-5.398 0-9.75 4.454-9.75 9.918c0 1.46.31 2.847.868 4.096a2.114 2.114 0 0 0-1.868 2.1a4.386 4.386 0 0 0 4.386 4.386h12.728a4.386 4.386 0 0 0 4.386-4.386a2.114 2.114 0 0 0-1.868-2.1a10 10 0 0 0 .868-4.096c0-5.464-4.352-9.918-9.75-9.918m7.217 14a8.5 8.5 0 0 0 1.033-4.082c0-4.662-3.707-8.418-8.25-8.418s-8.25 3.756-8.25 8.418a8.5 8.5 0 0 0 1.033 4.082h2.389c.729 0 1.428.29 1.944.805l.829.829c.234.234.552.366.883.366h2.344c.331 0 .649-.132.883-.366l.829-.829a2.75 2.75 0 0 1 1.944-.805zM2.75 18.364c0-.34.275-.614.614-.614h3.808c.331 0 .649.132.883.366l.829.829a2.75 2.75 0 0 0 1.944.805h2.344c.729 0 1.428-.29 1.944-.805l.829-.829a1.25 1.25 0 0 1 .883-.366h3.808c.34 0 .614.275.614.614a2.886 2.886 0 0 1-2.886 2.886H5.636a2.886 2.886 0 0 1-2.886-2.886" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 2.25c-5.398 0-9.75 4.454-9.75 9.918c0 1.46.31 2.847.868 4.096a2.114 2.114 0 0 0-1.868 2.1a4.386 4.386 0 0 0 4.386 4.386h12.728a4.386 4.386 0 0 0 4.386-4.386a2.114 2.114 0 0 0-1.868-2.1a10 10 0 0 0 .868-4.096c0-5.464-4.352-9.918-9.75-9.918m7.217 14a8.5 8.5 0 0 0 1.033-4.082c0-4.662-3.707-8.418-8.25-8.418s-8.25 3.756-8.25 8.418a8.5 8.5 0 0 0 1.033 4.082h2.389c.729 0 1.428.29 1.944.805l.829.829c.234.234.552.366.883.366h2.344c.331 0 .649-.132.883-.366l.829-.829a2.75 2.75 0 0 1 1.944-.805zM2.75 18.364c0-.34.275-.614.614-.614h3.808c.331 0 .649.132.883.366l.829.829a2.75 2.75 0 0 0 1.944.805h2.344c.729 0 1.428-.29 1.944-.805l.829-.829a1.25 1.25 0 0 1 .883-.366h3.808c.34 0 .614.275.614.614a2.886 2.886 0 0 1-2.886 2.886H5.636a2.886 2.886 0 0 1-2.886-2.886" clip-rule="evenodd"/></svg> </template>
CSS
.icon-mirror2 {
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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%202.25c-5.398%200-9.75%204.454-9.75%209.918c0%201.46.31%202.847.868%204.096a2.114%202.114%200%200%200-1.868%202.1a4.386%204.386%200%200%200%204.386%204.386h12.728a4.386%204.386%200%200%200%204.386-4.386a2.114%202.114%200%200%200-1.868-2.1a10%2010%200%200%200%20.868-4.096c0-5.464-4.352-9.918-9.75-9.918m7.217%2014a8.5%208.5%200%200%200%201.033-4.082c0-4.662-3.707-8.418-8.25-8.418s-8.25%203.756-8.25%208.418a8.5%208.5%200%200%200%201.033%204.082h2.389c.729%200%201.428.29%201.944.805l.829.829c.234.234.552.366.883.366h2.344c.331%200%20.649-.132.883-.366l.829-.829a2.75%202.75%200%200%201%201.944-.805zM2.75%2018.364c0-.34.275-.614.614-.614h3.808c.331%200%20.649.132.883.366l.829.829a2.75%202.75%200%200%200%201.944.805h2.344c.729%200%201.428-.29%201.944-.805l.829-.829a1.25%201.25%200%200%201%20.883-.366h3.808c.34%200%20.614.275.614.614a2.886%202.886%200%200%201-2.886%202.886H5.636a2.886%202.886%200%200%201-2.886-2.886%22%20clip-rule%3D%22evenodd%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%202.25c-5.398%200-9.75%204.454-9.75%209.918c0%201.46.31%202.847.868%204.096a2.114%202.114%200%200%200-1.868%202.1a4.386%204.386%200%200%200%204.386%204.386h12.728a4.386%204.386%200%200%200%204.386-4.386a2.114%202.114%200%200%200-1.868-2.1a10%2010%200%200%200%20.868-4.096c0-5.464-4.352-9.918-9.75-9.918m7.217%2014a8.5%208.5%200%200%200%201.033-4.082c0-4.662-3.707-8.418-8.25-8.418s-8.25%203.756-8.25%208.418a8.5%208.5%200%200%200%201.033%204.082h2.389c.729%200%201.428.29%201.944.805l.829.829c.234.234.552.366.883.366h2.344c.331%200%20.649-.132.883-.366l.829-.829a2.75%202.75%200%200%201%201.944-.805zM2.75%2018.364c0-.34.275-.614.614-.614h3.808c.331%200%20.649.132.883.366l.829.829a2.75%202.75%200%200%200%201.944.805h2.344c.729%200%201.428-.29%201.944-.805l.829-.829a1.25%201.25%200%200%201%20.883-.366h3.808c.34%200%20.614.275.614.614a2.886%202.886%200%200%201-2.886%202.886H5.636a2.886%202.886%200%200%201-2.886-2.886%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/mirror2.svg?color=%231a73e8&size=48
