Color

Advanced editing in SVG Editor

IcoFont

Padding Icon

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

Download SVG

Collection: IcoFont
Format: SVG, Font, PNG
License: CC BY 4.0 - Free for commercial use
Tags: padding

The Padding 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/306172.svg" alt="Padding icon" width="24" height="24">

React JSX

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

Vue template

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

CSS background

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

SVG markup

<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M625 458c0 46-37 84-83 84s-84-38-84-84 38-83 84-83 83 37 83 83zm121 459c-213 0-325-167-504-167C71 750 0 917 0 917s50-84 238-84c175 0 266 167 500 167 175 0 262-167 262-167s-104 84-254 84zm-67-67c-154-50-283-183-471-183 0 0 17-92 117-171 8-4 50-171 50-171 4-13 12-23 23-29l135-68c-15-8-29-21-41-36-34-46-71-125-71-125L558 0s42 62 55 121c9 35 14 77 1 100l1 3c2 2 4 4 6 7 2 5 3 10 3 15l134 296c10 2 20 8 27 18 9 14 9 31 1 45l26 59c9 3 19 8 30 15 25 21 75 88 87 138-21 33-92 58-125 58-61-116-47-175-33-201l-19-42-104 69c-7 5-15 7-23 7-6 0-13-1-19-4l-119-60c-9 14-20 36-20 52 121 62 141 108 212 154zm39-295L598 289l-144 72-7 32-14 119 191 105 94-62z"/></svg>

Padding in other icon packs

EOS Icons Outline

EOS Icons

Radix Icons

Copied!

Padding Icon

More from IcoFont

Padding in other icon packs