Align Center Justify Icon SVG
Align Center Justify
Align center justify SVG Icon Code | Customize color
You can get svg icon align center justify in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Align center justify
DownloadSvg Code
<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M17,19H7c-0.6,0-1,0.4-1,1s0.4,1,1,1h10c0.6,0,1-0.4,1-1S17.6,19,17,19z M3,5h18c0.6,0,1-0.4,1-1s-0.4-1-1-1H3C2.4,3,2,3.4,2,4S2.4,5,3,5z M21,15H3c-0.6,0-1,0.4-1,1s0.4,1,1,1h18c0.6,0,1-0.4,1-1S21.6,15,21,15z M21,11H3c-0.6,0-1,0.4-1,1s0.4,1,1,1h18c0.6,0,1-0.4,1-1S21.6,11,21,11z M21,7H3C2.4,7,2,7.4,2,8s0.4,1,1,1h18c0.6,0,1-0.4,1-1S21.6,7,21,7z"/></svg>
Align center justify
DownloadSvg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M17,19H7c-0.6,0-1,0.4-1,1s0.4,1,1,1h10c0.6,0,1-0.4,1-1S17.6,19,17,19z M3,5h18c0.6,0,1-0.4,1-1s-0.4-1-1-1H3C2.4,3,2,3.4,2,4S2.4,5,3,5z M21,15H3c-0.6,0-1,0.4-1,1s0.4,1,1,1h18c0.6,0,1-0.4,1-1S21.6,15,21,15z M21,11H3c-0.6,0-1,0.4-1,1s0.4,1,1,1h18c0.6,0,1-0.4,1-1S21.6,11,21,11z M21,7H3C2.4,7,2,7.4,2,8s0.4,1,1,1h18c0.6,0,1-0.4,1-1S21.6,7,21,7z" fill="white"></path></svg>
Align center justify
DownloadSvg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M17,19H7c-0.6,0-1,0.4-1,1s0.4,1,1,1h10c0.6,0,1-0.4,1-1S17.6,19,17,19z M3,5h18c0.6,0,1-0.4,1-1s-0.4-1-1-1H3C2.4,3,2,3.4,2,4S2.4,5,3,5z M21,15H3c-0.6,0-1,0.4-1,1s0.4,1,1,1h18c0.6,0,1-0.4,1-1S21.6,15,21,15z M21,11H3c-0.6,0-1,0.4-1,1s0.4,1,1,1h18c0.6,0,1-0.4,1-1S21.6,11,21,11z M21,7H3C2.4,7,2,7.4,2,8s0.4,1,1,1h18c0.6,0,1-0.4,1-1S21.6,7,21,7z" fill="red"></path></svg>
Align center justify
DownloadSvg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M17,19H7c-0.6,0-1,0.4-1,1s0.4,1,1,1h10c0.6,0,1-0.4,1-1S17.6,19,17,19z M3,5h18c0.6,0,1-0.4,1-1s-0.4-1-1-1H3C2.4,3,2,3.4,2,4S2.4,5,3,5z M21,15H3c-0.6,0-1,0.4-1,1s0.4,1,1,1h18c0.6,0,1-0.4,1-1S21.6,15,21,15z M21,11H3c-0.6,0-1,0.4-1,1s0.4,1,1,1h18c0.6,0,1-0.4,1-1S21.6,11,21,11z M21,7H3C2.4,7,2,7.4,2,8s0.4,1,1,1h18c0.6,0,1-0.4,1-1S21.6,7,21,7z" fill="blue"></path></svg>
Align center justify
DownloadSvg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M17,19H7c-0.6,0-1,0.4-1,1s0.4,1,1,1h10c0.6,0,1-0.4,1-1S17.6,19,17,19z M3,5h18c0.6,0,1-0.4,1-1s-0.4-1-1-1H3C2.4,3,2,3.4,2,4S2.4,5,3,5z M21,15H3c-0.6,0-1,0.4-1,1s0.4,1,1,1h18c0.6,0,1-0.4,1-1S21.6,15,21,15z M21,11H3c-0.6,0-1,0.4-1,1s0.4,1,1,1h18c0.6,0,1-0.4,1-1S21.6,11,21,11z M21,7H3C2.4,7,2,7.4,2,8s0.4,1,1,1h18c0.6,0,1-0.4,1-1S21.6,7,21,7z" fill="#f3da35"></path></svg>
Advance Editor
You can edit align center justify as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements