Color

Advanced editing in SVG Editor

Skware

Block Icon

Free SVG icon from the Skware collection. Download or copy for use in any project.

Download SVG

Collection: Skware
Format: SVG, PNG
License: CC BY 4.0 - Free for commercial use
Tags: block

The Block icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/312457.svg" alt="Block icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/312457.svg" alt="Block icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/312457.svg"
  alt="Block icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-block {
  background-image: url('https://proicons.com/icon/312457.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
<path d="M21,5V4h-1V3h-1V2H5v1H4v1H3v1H2v14h1v1h1v1h1v1h14v-1h1v-1h1v-1h1V5H21z M20,17h-3v-2h-2v-2h-2v-2h-2V9H9V7H7V4h10v1h1v1h1
	v1h1V17z M6,19v-1H5v-1H4V7h1v2h2v2h2v2h2v2h2v2h2v2h2v1H7v-1H6z"/>
</svg>

Block in other icon packs

Forge Icons

Atlas Icons

Charm Icons

EOS Icons

Ant Design Icons Outline

css.gg

Akar Icons

Bitcoin Icons Filled

Copied!

Block Icon

More from Skware

Block in other icon packs