Add icons to this collection by clicking the heart icon.
Vertical Alignment icon - also known as interface, graphic design, graphic tool, electronics, art and design, vertical alignment, and edit tools. Created in a clean flat style with a white, silver, gray, teal, navy, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 48 48"
>
<g>
<path
fill="#adfff1"
d="M47 7v38a2.006 2.006 0 0 1-2 2H3a2.006 2.006 0 0 1-2-2V7z"
/>
<g fill="#1674cf">
<path
d="M47 3v4H1V3a2.006 2.006 0 0 1 2-2h42a2.006 2.006 0 0 1 2 2zM14 14h20v6H14zM14 34h20v6H14zM12 24h24v6H12z"
/>
</g>
<path
fill="#415372"
d="M23 40h2v4h-2zM23 30h2v4h-2zM23 20h2v4h-2zM23 10h2v4h-2z"
/>
<path
fill="#7cfce6"
d="M47 7v38a2.006 2.006 0 0 1-2 2H3a2.006 2.006 0 0 1-2-2V7z"
/>
<path
fill="#1674cf"
d="M47 3v4H1V3a2.006 2.006 0 0 1 2-2h42a2.006 2.006 0 0 1 2 2z"
/>
<path
fill="#40a1ff"
d="M46 7v37.05A1.938 1.938 0 0 1 44.087 46H3.913A1.938 1.938 0 0 1 2 44.05V7H1v38a2.006 2.006 0 0 0 2 2h42a2.006 2.006 0 0 0 2-2V7z"
/>
<path
fill="#0e569b"
d="M45 1H3a2.006 2.006 0 0 0-2 2v4h1V3.667A1.808 1.808 0 0 1 3.913 2h40.174A1.808 1.808 0 0 1 46 3.667V7h1V3a2.006 2.006 0 0 0-2-2z"
/>
<path
fill="#c7fff5"
d="M47 39.975V7H8.622A39.966 39.966 0 0 0 47 39.975z"
/>
<path
fill="#5cafff"
d="M47 7V3a2.006 2.006 0 0 0-2-2H8.025a40.161 40.161 0 0 0 .6 6z"
/>
<path fill="#40a1ff" d="M46 39.95c.331.016.667.017 1 .025V7h-1z" />
<path
fill="#005db5"
d="M44.087 2A1.808 1.808 0 0 1 46 3.667V7h1V3a2.006 2.006 0 0 0-2-2H8.025c.008.333.009.669.025 1z"
/>
<circle cx="5" cy="4" r="1" fill="#00c4a2" />
<circle cx="9" cy="4" r="1" fill="#ffdd7d" />
<circle cx="13" cy="4" r="1" fill="#b36a8e" />
<circle cx="43" cy="4" r="1" fill="#adb5d5" />
<path
fill="#005db5"
d="M5 5a.985.985 0 0 1-.847-.5A.977.977 0 0 0 4 5a1 1 0 0 0 2 0 .977.977 0 0 0-.153-.5A.985.985 0 0 1 5 5z"
/>
<path
fill="#1674cf"
d="M9 5a.985.985 0 0 1-.847-.5A.977.977 0 0 0 8 5a1 1 0 0 0 2 0 .977.977 0 0 0-.153-.5A.985.985 0 0 1 9 5zM13 5a.985.985 0 0 1-.847-.5A.977.977 0 0 0 12 5a1 1 0 0 0 2 0 .977.977 0 0 0-.153-.5A.985.985 0 0 1 13 5zM43 5a.985.985 0 0 1-.847-.5A.977.977 0 0 0 42 5a1 1 0 0 0 2 0 .977.977 0 0 0-.153-.5A.985.985 0 0 1 43 5z"
/>
<ellipse cx="5" cy="3.5" fill="#27f5d1" rx=".847" ry=".5" />
<ellipse cx="9" cy="3.5" fill="#fff8db" rx=".847" ry=".5" />
<ellipse cx="13" cy="3.5" fill="#d9a7bd" rx=".847" ry=".5" />
<ellipse cx="43" cy="3.5" fill="#f6fafd" rx=".847" ry=".5" />
<rect width="16" height="1" x="23" y="2" fill="#40a1ff" rx=".5" />
<rect width="2" height="1" x="40" y="2" fill="#40a1ff" rx=".5" />
<rect width="20" height="1" x="22" y="7" fill="#edfffc" rx=".5" />
<rect width="1" height="16" x="46" y="10" fill="#8dc7ff" rx=".5" />
<rect width="1" height="2" x="46" y="7" fill="#8dc7ff" rx=".5" />
<rect width="1" height="16" x="1" y="29" fill="#1985ed" rx=".5" />
<rect width="16" height="1" x="3" y="46" fill="#1985ed" rx=".5" />
<path
fill="#1674cf"
d="M14 14h20v6H14zM14 34h20v6H14zM12 24h24v6H12z"
/>
<path
fill="#415372"
d="M23 40h2v4h-2zM23 30h2v4h-2zM23 20h2v4h-2zM23 10h2v4h-2z"
/>
<path fill="#2b3e5b" d="M23 13h2v1h-2zM23 20h2v1h-2z" />
<path fill="#586889" d="M24 10h1v3h-1zM24 21h1v3h-1z" />
<path fill="#2b3e5b" d="M23 30h2v1h-2z" />
<path fill="#586889" d="M24 31h1v3h-1z" />
<path fill="#2b3e5b" d="M23 40h2v1h-2z" />
<path fill="#586889" d="M24 41h1v3h-1z" />
<path
fill="#40a1ff"
d="M15 15h18v4H15zM15 35h18v4H15zM13 25h22v4H13z"
/>
<path
fill="#5cafff"
d="M34 20v-6H14v6zm-19-1v-4h18v4zM33 35v2.078c.331.133.665.26 1 .385V34h-7.063c.558.346 1.122.681 1.7 1zM25 30h11v-6H16c.255.339.518.67.783 1H35v4H20.457c.358.341.725.673 1.1 1z"
/>
<path
fill="#7989af"
d="M24 31h-1v.221c.328.263.664.516 1 .769zM23 21h1v3h-1zM23 10h1v3h-1z"
/>
<path fill="#586889" d="M25 13h-2v1h2zM25 21v-1h-2v1h1z" />
<path fill="#96a1c3" d="M24 10h1v3h-1zM24 21h1v3h-1z" />
<path fill="#586889" d="M23 31h2v-1h-2z" />
<path fill="#96a1c3" d="M24 31.99q.494.371 1 .726V31h-1z" />
<path
fill="#8dc7ff"
d="M15 15h18v4H15zM28.634 35A39.876 39.876 0 0 0 33 37.078V35zM20.457 29H35v-4H16.786a40.183 40.183 0 0 0 3.671 4z"
/>
<ellipse
cx="41"
cy="11"
fill="#f6fafd"
rx="1.65"
ry="2.297"
transform="rotate(-45 41.02 11.006)"
/>
<ellipse
cx="44"
cy="15"
fill="#f6fafd"
rx=".825"
ry="1.148"
transform="rotate(-45 44.021 15.007)"
/>
<ellipse
cx="40.746"
cy="14.5"
fill="#f6fafd"
rx=".413"
ry=".574"
transform="rotate(-45 40.765 14.508)"
/>
</g>
</svg>
More icons in the same style and category