Arrow block left

Download as SVG or copy the code for HTML, React, and more.

How to use

All snippets use a self-contained data URI — no external URL required.

HTML

Drop into any HTML page as a standard image element.

<img
  src="data:image/svg+xml;base64,…"
  alt="Arrow block left icon"
  width="24"
  height="24"
/>

React / Next.js

Use in any React component or Next.js page.

<img
  src="data:image/svg+xml;base64,…"
  alt="Arrow block left icon"
  width={24}
  height={24}
/>

CSS background

Use as a background image — no external assets needed.

.icon-arrow-block-left {
  background-image: url("data:image/svg+xml;base64,…");
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}

Inline SVG

Paste directly into HTML for full CSS control over strokes, fills, and colors.

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 30.4.0, SVG Export Plug-In . SVG Version: 9.03
…

Related SVG icons