panel left icon
panel-left from Radix Icons by WorkOS · Outline · MIT Free for personal and commercial use.
- Name
- panel-left
- Set
- Radix Icons
- Style
- Outline
- Viewbox
- 15×15
- License
- MIT
The same icon in other sets
Related icons in Radix Icons
Use the panel left icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><defs><path id="SVGzlrrcbgz" d="M13.653 2.008A1.5 1.5 0 0 1 15 3.5v8l-.008.153a1.5 1.5 0 0 1-1.339 1.34L13.5 13h-12l-.153-.008a1.5 1.5 0 0 1-1.34-1.339L0 11.5v-8a1.5 1.5 0 0 1 1.347-1.492L1.5 2h12zM1.5 2.984a.516.516 0 0 0-.516.516v8c0 .285.231.516.516.516H4V2.984zM5 12.016h8.5a.516.516 0 0 0 .516-.516v-8a.516.516 0 0 0-.516-.516H5z"/></defs><mask id="SVGoefgPbdu" fill="currentColor"><use href="#SVGzlrrcbgz"/></mask><g fill="currentColor"><use href="#SVGzlrrcbgz"/><path d="m13.653 2.008l.126-1.24l-.03-.004l-.032-.001zM15 3.5h1.247zm0 8l1.245.063l.002-.031V11.5zm-.008.153l1.24.126l.004-.03l.001-.032zm-1.339 1.34l.064 1.244l.031-.001l.031-.003zM13.5 13v1.247h.032l.031-.002zm-12 0l-.063 1.245l.031.002H1.5zm-.153-.008l-.126 1.24l.03.004l.032.001zm-1.34-1.339l-1.244.064l.001.031l.003.031zM0 11.5h-1.247v.032l.002.031zm1.347-9.492L1.283.763l-.031.001l-.031.003zM1.5 2V.753h-.032l-.031.002zm12 0l.063-1.245l-.031-.002H13.5zm-12 .984V1.738zM.984 11.5H-.262zm.516.516v1.246zm2.5 0v1.246h1.247v-1.246zm0-9.032h1.247V1.738H4zm1 9.032H3.753v1.246H5zm8.5 0v1.246zm.516-8.516h1.246zm-.516-.516V1.738zm-8.5 0V1.738H3.753v1.246zm8.653-.976l-.126 1.24a.253.253 0 0 1 .226.252h2.494A2.747 2.747 0 0 0 13.779.767zM15 3.5h-1.247v8h2.494v-8zm0 8l-1.245-.063l-.008.153l1.245.063l1.245.064l.008-.154zm-.008.153l-1.24-.126a.254.254 0 0 1-.225.225l.126 1.24l.126 1.24a2.75 2.75 0 0 0 2.454-2.453zm-1.339 1.34l-.063-1.246l-.153.008L13.5 13l.063 1.245l.154-.008zM13.5 13v-1.247h-12v2.494h12zm-12 0l.063-1.245l-.153-.008l-.063 1.245l-.064 1.245l.154.008zm-.153-.008l.126-1.24a.254.254 0 0 1-.225-.225l-1.24.126l-1.24.126a2.75 2.75 0 0 0 2.453 2.454zm-1.34-1.339l1.246-.063l-.008-.153L0 11.5l-1.245.063l.008.154zM0 11.5h1.247v-8h-2.494v8zm0-8h1.247c0-.13.1-.239.226-.252l-.126-1.24L1.22.768A2.747 2.747 0 0 0-1.247 3.5zm1.347-1.492l.063 1.245l.153-.008L1.5 2L1.437.755l-.154.008zM1.5 2v1.247h12V.753h-12zm12 0l-.063 1.245l.153.008l.063-1.245l.064-1.245l-.154-.008zm-12 .984V1.738c-.973 0-1.762.789-1.762 1.762H2.23a.73.73 0 0 1-.731.731zM.984 3.5H-.262v8H2.23v-8zm0 8H-.262c0 .973.789 1.762 1.762 1.762V10.77a.73.73 0 0 1 .731.731zm.516.516v1.246H4V10.77H1.5zm2.5 0h1.247V2.984H2.753v9.032zm0-9.032V1.738H1.5V4.23H4zm1 9.032v1.246h8.5V10.77H5zm8.5 0v1.246c.973 0 1.762-.789 1.762-1.762H12.77a.73.73 0 0 1 .731-.731zm.516-.516h1.246v-8H12.77v8zm0-8h1.246c0-.973-.789-1.762-1.762-1.762V4.23a.73.73 0 0 1-.731-.731zm-.516-.516V1.738H5V4.23h8.5zm-8.5 0H3.753v9.032h2.494V2.984z" mask="url(#SVGoefgPbdu)"/></g></svg>
React
import type { SVGProps } from "react";
export function RadixIconsPanelLeft(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><defs><path id="SVGzlrrcbgz" d="M13.653 2.008A1.5 1.5 0 0 1 15 3.5v8l-.008.153a1.5 1.5 0 0 1-1.339 1.34L13.5 13h-12l-.153-.008a1.5 1.5 0 0 1-1.34-1.339L0 11.5v-8a1.5 1.5 0 0 1 1.347-1.492L1.5 2h12zM1.5 2.984a.516.516 0 0 0-.516.516v8c0 .285.231.516.516.516H4V2.984zM5 12.016h8.5a.516.516 0 0 0 .516-.516v-8a.516.516 0 0 0-.516-.516H5z"/></defs><mask id="SVGoefgPbdu" fill="currentColor"><use href="#SVGzlrrcbgz"/></mask><g fill="currentColor"><use href="#SVGzlrrcbgz"/><path d="m13.653 2.008l.126-1.24l-.03-.004l-.032-.001zM15 3.5h1.247zm0 8l1.245.063l.002-.031V11.5zm-.008.153l1.24.126l.004-.03l.001-.032zm-1.339 1.34l.064 1.244l.031-.001l.031-.003zM13.5 13v1.247h.032l.031-.002zm-12 0l-.063 1.245l.031.002H1.5zm-.153-.008l-.126 1.24l.03.004l.032.001zm-1.34-1.339l-1.244.064l.001.031l.003.031zM0 11.5h-1.247v.032l.002.031zm1.347-9.492L1.283.763l-.031.001l-.031.003zM1.5 2V.753h-.032l-.031.002zm12 0l.063-1.245l-.031-.002H13.5zm-12 .984V1.738zM.984 11.5H-.262zm.516.516v1.246zm2.5 0v1.246h1.247v-1.246zm0-9.032h1.247V1.738H4zm1 9.032H3.753v1.246H5zm8.5 0v1.246zm.516-8.516h1.246zm-.516-.516V1.738zm-8.5 0V1.738H3.753v1.246zm8.653-.976l-.126 1.24a.253.253 0 0 1 .226.252h2.494A2.747 2.747 0 0 0 13.779.767zM15 3.5h-1.247v8h2.494v-8zm0 8l-1.245-.063l-.008.153l1.245.063l1.245.064l.008-.154zm-.008.153l-1.24-.126a.254.254 0 0 1-.225.225l.126 1.24l.126 1.24a2.75 2.75 0 0 0 2.454-2.453zm-1.339 1.34l-.063-1.246l-.153.008L13.5 13l.063 1.245l.154-.008zM13.5 13v-1.247h-12v2.494h12zm-12 0l.063-1.245l-.153-.008l-.063 1.245l-.064 1.245l.154.008zm-.153-.008l.126-1.24a.254.254 0 0 1-.225-.225l-1.24.126l-1.24.126a2.75 2.75 0 0 0 2.453 2.454zm-1.34-1.339l1.246-.063l-.008-.153L0 11.5l-1.245.063l.008.154zM0 11.5h1.247v-8h-2.494v8zm0-8h1.247c0-.13.1-.239.226-.252l-.126-1.24L1.22.768A2.747 2.747 0 0 0-1.247 3.5zm1.347-1.492l.063 1.245l.153-.008L1.5 2L1.437.755l-.154.008zM1.5 2v1.247h12V.753h-12zm12 0l-.063 1.245l.153.008l.063-1.245l.064-1.245l-.154-.008zm-12 .984V1.738c-.973 0-1.762.789-1.762 1.762H2.23a.73.73 0 0 1-.731.731zM.984 3.5H-.262v8H2.23v-8zm0 8H-.262c0 .973.789 1.762 1.762 1.762V10.77a.73.73 0 0 1 .731.731zm.516.516v1.246H4V10.77H1.5zm2.5 0h1.247V2.984H2.753v9.032zm0-9.032V1.738H1.5V4.23H4zm1 9.032v1.246h8.5V10.77H5zm8.5 0v1.246c.973 0 1.762-.789 1.762-1.762H12.77a.73.73 0 0 1 .731-.731zm.516-.516h1.246v-8H12.77v8zm0-8h1.246c0-.973-.789-1.762-1.762-1.762V4.23a.73.73 0 0 1-.731-.731zm-.516-.516V1.738H5V4.23h8.5zm-8.5 0H3.753v9.032h2.494V2.984z" mask="url(#SVGoefgPbdu)"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><defs><path id="SVGzlrrcbgz" d="M13.653 2.008A1.5 1.5 0 0 1 15 3.5v8l-.008.153a1.5 1.5 0 0 1-1.339 1.34L13.5 13h-12l-.153-.008a1.5 1.5 0 0 1-1.34-1.339L0 11.5v-8a1.5 1.5 0 0 1 1.347-1.492L1.5 2h12zM1.5 2.984a.516.516 0 0 0-.516.516v8c0 .285.231.516.516.516H4V2.984zM5 12.016h8.5a.516.516 0 0 0 .516-.516v-8a.516.516 0 0 0-.516-.516H5z"/></defs><mask id="SVGoefgPbdu" fill="currentColor"><use href="#SVGzlrrcbgz"/></mask><g fill="currentColor"><use href="#SVGzlrrcbgz"/><path d="m13.653 2.008l.126-1.24l-.03-.004l-.032-.001zM15 3.5h1.247zm0 8l1.245.063l.002-.031V11.5zm-.008.153l1.24.126l.004-.03l.001-.032zm-1.339 1.34l.064 1.244l.031-.001l.031-.003zM13.5 13v1.247h.032l.031-.002zm-12 0l-.063 1.245l.031.002H1.5zm-.153-.008l-.126 1.24l.03.004l.032.001zm-1.34-1.339l-1.244.064l.001.031l.003.031zM0 11.5h-1.247v.032l.002.031zm1.347-9.492L1.283.763l-.031.001l-.031.003zM1.5 2V.753h-.032l-.031.002zm12 0l.063-1.245l-.031-.002H13.5zm-12 .984V1.738zM.984 11.5H-.262zm.516.516v1.246zm2.5 0v1.246h1.247v-1.246zm0-9.032h1.247V1.738H4zm1 9.032H3.753v1.246H5zm8.5 0v1.246zm.516-8.516h1.246zm-.516-.516V1.738zm-8.5 0V1.738H3.753v1.246zm8.653-.976l-.126 1.24a.253.253 0 0 1 .226.252h2.494A2.747 2.747 0 0 0 13.779.767zM15 3.5h-1.247v8h2.494v-8zm0 8l-1.245-.063l-.008.153l1.245.063l1.245.064l.008-.154zm-.008.153l-1.24-.126a.254.254 0 0 1-.225.225l.126 1.24l.126 1.24a2.75 2.75 0 0 0 2.454-2.453zm-1.339 1.34l-.063-1.246l-.153.008L13.5 13l.063 1.245l.154-.008zM13.5 13v-1.247h-12v2.494h12zm-12 0l.063-1.245l-.153-.008l-.063 1.245l-.064 1.245l.154.008zm-.153-.008l.126-1.24a.254.254 0 0 1-.225-.225l-1.24.126l-1.24.126a2.75 2.75 0 0 0 2.453 2.454zm-1.34-1.339l1.246-.063l-.008-.153L0 11.5l-1.245.063l.008.154zM0 11.5h1.247v-8h-2.494v8zm0-8h1.247c0-.13.1-.239.226-.252l-.126-1.24L1.22.768A2.747 2.747 0 0 0-1.247 3.5zm1.347-1.492l.063 1.245l.153-.008L1.5 2L1.437.755l-.154.008zM1.5 2v1.247h12V.753h-12zm12 0l-.063 1.245l.153.008l.063-1.245l.064-1.245l-.154-.008zm-12 .984V1.738c-.973 0-1.762.789-1.762 1.762H2.23a.73.73 0 0 1-.731.731zM.984 3.5H-.262v8H2.23v-8zm0 8H-.262c0 .973.789 1.762 1.762 1.762V10.77a.73.73 0 0 1 .731.731zm.516.516v1.246H4V10.77H1.5zm2.5 0h1.247V2.984H2.753v9.032zm0-9.032V1.738H1.5V4.23H4zm1 9.032v1.246h8.5V10.77H5zm8.5 0v1.246c.973 0 1.762-.789 1.762-1.762H12.77a.73.73 0 0 1 .731-.731zm.516-.516h1.246v-8H12.77v8zm0-8h1.246c0-.973-.789-1.762-1.762-1.762V4.23a.73.73 0 0 1-.731-.731zm-.516-.516V1.738H5V4.23h8.5zm-8.5 0H3.753v9.032h2.494V2.984z" mask="url(#SVGoefgPbdu)"/></g></svg> </template>
CSS
.icon-panel-left {
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%2015%2015%22%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGzlrrcbgz%22%20d%3D%22M13.653%202.008A1.5%201.5%200%200%201%2015%203.5v8l-.008.153a1.5%201.5%200%200%201-1.339%201.34L13.5%2013h-12l-.153-.008a1.5%201.5%200%200%201-1.34-1.339L0%2011.5v-8a1.5%201.5%200%200%201%201.347-1.492L1.5%202h12zM1.5%202.984a.516.516%200%200%200-.516.516v8c0%20.285.231.516.516.516H4V2.984zM5%2012.016h8.5a.516.516%200%200%200%20.516-.516v-8a.516.516%200%200%200-.516-.516H5z%22%2F%3E%3C%2Fdefs%3E%3Cmask%20id%3D%22SVGoefgPbdu%22%20fill%3D%22currentColor%22%3E%3Cuse%20href%3D%22%23SVGzlrrcbgz%22%2F%3E%3C%2Fmask%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cuse%20href%3D%22%23SVGzlrrcbgz%22%2F%3E%3Cpath%20d%3D%22m13.653%202.008l.126-1.24l-.03-.004l-.032-.001zM15%203.5h1.247zm0%208l1.245.063l.002-.031V11.5zm-.008.153l1.24.126l.004-.03l.001-.032zm-1.339%201.34l.064%201.244l.031-.001l.031-.003zM13.5%2013v1.247h.032l.031-.002zm-12%200l-.063%201.245l.031.002H1.5zm-.153-.008l-.126%201.24l.03.004l.032.001zm-1.34-1.339l-1.244.064l.001.031l.003.031zM0%2011.5h-1.247v.032l.002.031zm1.347-9.492L1.283.763l-.031.001l-.031.003zM1.5%202V.753h-.032l-.031.002zm12%200l.063-1.245l-.031-.002H13.5zm-12%20.984V1.738zM.984%2011.5H-.262zm.516.516v1.246zm2.5%200v1.246h1.247v-1.246zm0-9.032h1.247V1.738H4zm1%209.032H3.753v1.246H5zm8.5%200v1.246zm.516-8.516h1.246zm-.516-.516V1.738zm-8.5%200V1.738H3.753v1.246zm8.653-.976l-.126%201.24a.253.253%200%200%201%20.226.252h2.494A2.747%202.747%200%200%200%2013.779.767zM15%203.5h-1.247v8h2.494v-8zm0%208l-1.245-.063l-.008.153l1.245.063l1.245.064l.008-.154zm-.008.153l-1.24-.126a.254.254%200%200%201-.225.225l.126%201.24l.126%201.24a2.75%202.75%200%200%200%202.454-2.453zm-1.339%201.34l-.063-1.246l-.153.008L13.5%2013l.063%201.245l.154-.008zM13.5%2013v-1.247h-12v2.494h12zm-12%200l.063-1.245l-.153-.008l-.063%201.245l-.064%201.245l.154.008zm-.153-.008l.126-1.24a.254.254%200%200%201-.225-.225l-1.24.126l-1.24.126a2.75%202.75%200%200%200%202.453%202.454zm-1.34-1.339l1.246-.063l-.008-.153L0%2011.5l-1.245.063l.008.154zM0%2011.5h1.247v-8h-2.494v8zm0-8h1.247c0-.13.1-.239.226-.252l-.126-1.24L1.22.768A2.747%202.747%200%200%200-1.247%203.5zm1.347-1.492l.063%201.245l.153-.008L1.5%202L1.437.755l-.154.008zM1.5%202v1.247h12V.753h-12zm12%200l-.063%201.245l.153.008l.063-1.245l.064-1.245l-.154-.008zm-12%20.984V1.738c-.973%200-1.762.789-1.762%201.762H2.23a.73.73%200%200%201-.731.731zM.984%203.5H-.262v8H2.23v-8zm0%208H-.262c0%20.973.789%201.762%201.762%201.762V10.77a.73.73%200%200%201%20.731.731zm.516.516v1.246H4V10.77H1.5zm2.5%200h1.247V2.984H2.753v9.032zm0-9.032V1.738H1.5V4.23H4zm1%209.032v1.246h8.5V10.77H5zm8.5%200v1.246c.973%200%201.762-.789%201.762-1.762H12.77a.73.73%200%200%201%20.731-.731zm.516-.516h1.246v-8H12.77v8zm0-8h1.246c0-.973-.789-1.762-1.762-1.762V4.23a.73.73%200%200%201-.731-.731zm-.516-.516V1.738H5V4.23h8.5zm-8.5%200H3.753v9.032h2.494V2.984z%22%20mask%3D%22url(%23SVGoefgPbdu)%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%2015%2015%22%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGzlrrcbgz%22%20d%3D%22M13.653%202.008A1.5%201.5%200%200%201%2015%203.5v8l-.008.153a1.5%201.5%200%200%201-1.339%201.34L13.5%2013h-12l-.153-.008a1.5%201.5%200%200%201-1.34-1.339L0%2011.5v-8a1.5%201.5%200%200%201%201.347-1.492L1.5%202h12zM1.5%202.984a.516.516%200%200%200-.516.516v8c0%20.285.231.516.516.516H4V2.984zM5%2012.016h8.5a.516.516%200%200%200%20.516-.516v-8a.516.516%200%200%200-.516-.516H5z%22%2F%3E%3C%2Fdefs%3E%3Cmask%20id%3D%22SVGoefgPbdu%22%20fill%3D%22currentColor%22%3E%3Cuse%20href%3D%22%23SVGzlrrcbgz%22%2F%3E%3C%2Fmask%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cuse%20href%3D%22%23SVGzlrrcbgz%22%2F%3E%3Cpath%20d%3D%22m13.653%202.008l.126-1.24l-.03-.004l-.032-.001zM15%203.5h1.247zm0%208l1.245.063l.002-.031V11.5zm-.008.153l1.24.126l.004-.03l.001-.032zm-1.339%201.34l.064%201.244l.031-.001l.031-.003zM13.5%2013v1.247h.032l.031-.002zm-12%200l-.063%201.245l.031.002H1.5zm-.153-.008l-.126%201.24l.03.004l.032.001zm-1.34-1.339l-1.244.064l.001.031l.003.031zM0%2011.5h-1.247v.032l.002.031zm1.347-9.492L1.283.763l-.031.001l-.031.003zM1.5%202V.753h-.032l-.031.002zm12%200l.063-1.245l-.031-.002H13.5zm-12%20.984V1.738zM.984%2011.5H-.262zm.516.516v1.246zm2.5%200v1.246h1.247v-1.246zm0-9.032h1.247V1.738H4zm1%209.032H3.753v1.246H5zm8.5%200v1.246zm.516-8.516h1.246zm-.516-.516V1.738zm-8.5%200V1.738H3.753v1.246zm8.653-.976l-.126%201.24a.253.253%200%200%201%20.226.252h2.494A2.747%202.747%200%200%200%2013.779.767zM15%203.5h-1.247v8h2.494v-8zm0%208l-1.245-.063l-.008.153l1.245.063l1.245.064l.008-.154zm-.008.153l-1.24-.126a.254.254%200%200%201-.225.225l.126%201.24l.126%201.24a2.75%202.75%200%200%200%202.454-2.453zm-1.339%201.34l-.063-1.246l-.153.008L13.5%2013l.063%201.245l.154-.008zM13.5%2013v-1.247h-12v2.494h12zm-12%200l.063-1.245l-.153-.008l-.063%201.245l-.064%201.245l.154.008zm-.153-.008l.126-1.24a.254.254%200%200%201-.225-.225l-1.24.126l-1.24.126a2.75%202.75%200%200%200%202.453%202.454zm-1.34-1.339l1.246-.063l-.008-.153L0%2011.5l-1.245.063l.008.154zM0%2011.5h1.247v-8h-2.494v8zm0-8h1.247c0-.13.1-.239.226-.252l-.126-1.24L1.22.768A2.747%202.747%200%200%200-1.247%203.5zm1.347-1.492l.063%201.245l.153-.008L1.5%202L1.437.755l-.154.008zM1.5%202v1.247h12V.753h-12zm12%200l-.063%201.245l.153.008l.063-1.245l.064-1.245l-.154-.008zm-12%20.984V1.738c-.973%200-1.762.789-1.762%201.762H2.23a.73.73%200%200%201-.731.731zM.984%203.5H-.262v8H2.23v-8zm0%208H-.262c0%20.973.789%201.762%201.762%201.762V10.77a.73.73%200%200%201%20.731.731zm.516.516v1.246H4V10.77H1.5zm2.5%200h1.247V2.984H2.753v9.032zm0-9.032V1.738H1.5V4.23H4zm1%209.032v1.246h8.5V10.77H5zm8.5%200v1.246c.973%200%201.762-.789%201.762-1.762H12.77a.73.73%200%200%201%20.731-.731zm.516-.516h1.246v-8H12.77v8zm0-8h1.246c0-.973-.789-1.762-1.762-1.762V4.23a.73.73%200%200%201-.731-.731zm-.516-.516V1.738H5V4.23h8.5zm-8.5%200H3.753v9.032h2.494V2.984z%22%20mask%3D%22url(%23SVGoefgPbdu)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/radix-icons/panel-left.svg?color=%231a73e8&size=48
