Alignment Top Center Icon SVG
Alignment Top Center
Alignment top center SVG Icon Code | Customize color
You can get svg icon alignment top center in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeAlignment top center
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 12V16" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M24 12V24" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M30 12V20" stroke="#333" stroke-width="1" stroke-linecap="round"/></svg> Alignment top center
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: white" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></rect><path d="M18 12V16" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path><path d="M24 12V24" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path><path d="M30 12V20" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path></svg> Alignment top center
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: red" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></rect><path d="M18 12V16" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path><path d="M24 12V24" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path><path d="M30 12V20" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path></svg> Alignment top center
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: blue" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></rect><path d="M18 12V16" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path><path d="M24 12V24" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path><path d="M30 12V20" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path></svg> Alignment top center
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: #f3da35" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></rect><path d="M18 12V16" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path><path d="M24 12V24" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path><path d="M30 12V20" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path></svg> Advance Editor
You can edit alignment top center as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements