Align Top Icon SVG
Align Top
Align top SVG Icon Code | Customize color
You can get svg icon align top in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeAlign top
DownloadAlign top
DownloadSvg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-align-top" viewBox="0 0 16 16"> <rect width="4" height="12" rx="1" transform="matrix(1 0 0 -1 6 15)"></rect> <path d="M1.5 2a.5.5 0 0 1 0-1v1zm13-1a.5.5 0 0 1 0 1V1zm-13 0h13v1h-13V1z" fill="white"></path> </svg> Align top
DownloadSvg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-align-top" viewBox="0 0 16 16"> <rect width="4" height="12" rx="1" transform="matrix(1 0 0 -1 6 15)"></rect> <path d="M1.5 2a.5.5 0 0 1 0-1v1zm13-1a.5.5 0 0 1 0 1V1zm-13 0h13v1h-13V1z" fill="red"></path> </svg> Align top
DownloadSvg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-align-top" viewBox="0 0 16 16"> <rect width="4" height="12" rx="1" transform="matrix(1 0 0 -1 6 15)"></rect> <path d="M1.5 2a.5.5 0 0 1 0-1v1zm13-1a.5.5 0 0 1 0 1V1zm-13 0h13v1h-13V1z" fill="blue"></path> </svg> Align top
DownloadSvg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-align-top" viewBox="0 0 16 16"> <rect width="4" height="12" rx="1" transform="matrix(1 0 0 -1 6 15)"></rect> <path d="M1.5 2a.5.5 0 0 1 0-1v1zm13-1a.5.5 0 0 1 0 1V1zm-13 0h13v1h-13V1z" fill="#f3da35"></path> </svg> Advance Editor
You can edit align top as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements