Align Center Horizontal Icon
Free SVG icon from the Pixelarticons collection. Download or copy for use in any project.
The Align Center Horizontal 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/312575.svg" alt="Align Center Horizontal icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/312575.svg" alt="Align Center Horizontal icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/312575.svg" alt="Align Center Horizontal icon" :width="24" :height="24" />
CSS background
.icon-align-center-horizontal {
background-image: url('https://proicons.com/icon/312575.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path d="M5 2h4v2H5zm10 3h4v2h-4zm0 14h4v-2h-4zM3 15h2v5H3zM3 4h2v5H3zm10 3h2v2h-2zm0 10h2v-2h-2zm-8 3h4v2H5zm4-5h2v5H9zM9 4h2v5H9zm10 3h2v2h-2zm0 10h2v-2h-2zM2 11h20v2H2z"/> </svg>
Align Center Horizontal in other icon packs
Copied!