Chevron Left Square Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Chevron Left Square icon is commonly used in dropdown menus, accordions and breadcrumb navigation. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/310616.svg" alt="Chevron Left Square icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310616.svg" alt="Chevron Left Square icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310616.svg" alt="Chevron Left Square icon" :width="24" :height="24" />
CSS background
.icon-chevron-left-square {
background-image: url('https://proicons.com/icon/310616.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.8222 7.58594L10.1439 11.2643C10.041 11.3668 9.95939 11.4886 9.90371 11.6228C9.84801 11.7569 9.81934 11.9007 9.81934 12.0459C9.81934 12.1912 9.84801 12.335 9.90371 12.4691C9.95939 12.6033 10.041 12.725 10.1439 12.8276L13.8222 16.4139" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <rect x="2.75" y="2.75" width="18.5" height="18.5" rx="6" stroke="black" stroke-width="1.5"/> </svg>
Chevron Left Square in other icon packs
Copied!