sidebar right2 icon
sidebar-right2-filled from Reicon by REICON · Filled · Newicons · MIT Free for personal and commercial use.
- Name
- sidebar-right2-filled
- Set
- Reicon
- Style
- Filled
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More newicons icons from Reicon
Use the sidebar right2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.81 2c-1.49 0-2.73.36-3.68 1.05c-.42.29-.79.66-1.08 1.08C2.36 5.08 2 6.32 2 7.81v8.38C2 19.83 4.17 22 7.81 22h7.47V2zm4.31 10.53l-2.56 2.56c-.15.15-.34.22-.53.22s-.38-.07-.53-.22a.754.754 0 0 1 0-1.06L10.52 12L8.5 9.97c-.3-.29-.3-.77 0-1.06s.77-.29 1.06 0l2.56 2.56c.29.29.29.77 0 1.06m4.66-10.499v19.95c1.23-.08 2.27-.43 3.09-1.03c.42-.29.79-.66 1.08-1.08c.69-.95 1.05-2.19 1.05-3.68v-8.38c0-3.44-1.94-5.57-5.22-5.78"/></svg>
React
import type { SVGProps } from "react";
export function ReiconSidebarRight2Filled(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" d="M7.81 2c-1.49 0-2.73.36-3.68 1.05c-.42.29-.79.66-1.08 1.08C2.36 5.08 2 6.32 2 7.81v8.38C2 19.83 4.17 22 7.81 22h7.47V2zm4.31 10.53l-2.56 2.56c-.15.15-.34.22-.53.22s-.38-.07-.53-.22a.754.754 0 0 1 0-1.06L10.52 12L8.5 9.97c-.3-.29-.3-.77 0-1.06s.77-.29 1.06 0l2.56 2.56c.29.29.29.77 0 1.06m4.66-10.499v19.95c1.23-.08 2.27-.43 3.09-1.03c.42-.29.79-.66 1.08-1.08c.69-.95 1.05-2.19 1.05-3.68v-8.38c0-3.44-1.94-5.57-5.22-5.78"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.81 2c-1.49 0-2.73.36-3.68 1.05c-.42.29-.79.66-1.08 1.08C2.36 5.08 2 6.32 2 7.81v8.38C2 19.83 4.17 22 7.81 22h7.47V2zm4.31 10.53l-2.56 2.56c-.15.15-.34.22-.53.22s-.38-.07-.53-.22a.754.754 0 0 1 0-1.06L10.52 12L8.5 9.97c-.3-.29-.3-.77 0-1.06s.77-.29 1.06 0l2.56 2.56c.29.29.29.77 0 1.06m4.66-10.499v19.95c1.23-.08 2.27-.43 3.09-1.03c.42-.29.79-.66 1.08-1.08c.69-.95 1.05-2.19 1.05-3.68v-8.38c0-3.44-1.94-5.57-5.22-5.78"/></svg> </template>
CSS
.icon-sidebar-right2-filled {
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%20d%3D%22M7.81%202c-1.49%200-2.73.36-3.68%201.05c-.42.29-.79.66-1.08%201.08C2.36%205.08%202%206.32%202%207.81v8.38C2%2019.83%204.17%2022%207.81%2022h7.47V2zm4.31%2010.53l-2.56%202.56c-.15.15-.34.22-.53.22s-.38-.07-.53-.22a.754.754%200%200%201%200-1.06L10.52%2012L8.5%209.97c-.3-.29-.3-.77%200-1.06s.77-.29%201.06%200l2.56%202.56c.29.29.29.77%200%201.06m4.66-10.499v19.95c1.23-.08%202.27-.43%203.09-1.03c.42-.29.79-.66%201.08-1.08c.69-.95%201.05-2.19%201.05-3.68v-8.38c0-3.44-1.94-5.57-5.22-5.78%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%20d%3D%22M7.81%202c-1.49%200-2.73.36-3.68%201.05c-.42.29-.79.66-1.08%201.08C2.36%205.08%202%206.32%202%207.81v8.38C2%2019.83%204.17%2022%207.81%2022h7.47V2zm4.31%2010.53l-2.56%202.56c-.15.15-.34.22-.53.22s-.38-.07-.53-.22a.754.754%200%200%201%200-1.06L10.52%2012L8.5%209.97c-.3-.29-.3-.77%200-1.06s.77-.29%201.06%200l2.56%202.56c.29.29.29.77%200%201.06m4.66-10.499v19.95c1.23-.08%202.27-.43%203.09-1.03c.42-.29.79-.66%201.08-1.08c.69-.95%201.05-2.19%201.05-3.68v-8.38c0-3.44-1.94-5.57-5.22-5.78%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/sidebar-right2-filled.svg?color=%231a73e8&size=48
