Add icons to this collection by clicking the heart icon.
Top Alignment icon - also known as interface, border, top, alignment, align, object, object alignment, object adjustment, top alignment, and edit tools. Created in a clean gradient style, 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-35.799"
x2="-34.799"
y1="627.982"
y2="627.982"
gradientTransform="matrix(22.2609 0 0 -22.2609 1041.783 14397.348)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M244.87 438.138c0 6.144 4.986 11.13 11.13 11.13 6.144 0 11.13-4.986 11.13-11.13V397.69c0-6.144-4.986-11.13-11.13-11.13-6.144 0-11.13 4.986-11.13 11.13v40.448z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-35.799"
x2="-34.799"
y1="631.619"
y2="631.619"
gradientTransform="matrix(22.2609 0 0 -22.2609 1041.783 14397.348)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M256 368.328c6.144 0 11.13-4.986 11.13-11.13v-40.47c0-6.144-4.986-11.13-11.13-11.13-6.144 0-11.13 4.986-11.13 11.13v40.47c0 6.144 4.986 11.13 11.13 11.13z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-35.799"
x2="-34.799"
y1="642.528"
y2="642.528"
gradientTransform="matrix(22.2609 0 0 -22.2609 1041.783 14397.348)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M256 125.485c6.144 0 11.13-4.986 11.13-11.13V73.862c0-6.144-4.986-11.13-11.13-11.13-6.144 0-11.13 4.986-11.13 11.13v40.47c0 6.166 4.986 11.153 11.13 11.153z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-35.799"
x2="-34.799"
y1="638.892"
y2="638.892"
gradientTransform="matrix(22.2609 0 0 -22.2609 1041.783 14397.348)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M244.87 195.272c0 6.144 4.986 11.13 11.13 11.13 6.144 0 11.13-4.986 11.13-11.13v-40.448c0-6.144-4.986-11.13-11.13-11.13-6.144 0-11.13 4.986-11.13 11.13v40.448z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-46.799"
x2="-44.799"
y1="635.256"
y2="635.256"
gradientTransform="matrix(22.2609 0 0 -22.2609 1041.783 14397.348)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M33.391 244.87h-11.13v-9.105c0-6.144-4.986-11.13-11.13-11.13S0 229.599 0 235.765v40.47c0 6.144 4.986 11.13 11.13 11.13s11.13-4.986 11.13-11.13v-9.105h11.13c6.144 0 11.13-4.986 11.13-11.13.002-6.144-4.985-11.13-11.129-11.13z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-33.072"
x2="-30.254"
y1="635.256"
y2="635.256"
gradientTransform="matrix(22.2609 0 0 -22.2609 1041.783 14397.348)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M357.176 244.87h-40.47c-6.144 0-11.13 4.986-11.13 11.13 0 6.144 4.986 11.13 11.13 11.13h40.47c6.144 0 11.13-4.986 11.13-11.13a11.12 11.12 0 0 0-11.13-11.13z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-29.435"
x2="-26.617"
y1="635.256"
y2="635.256"
gradientTransform="matrix(22.2609 0 0 -22.2609 1041.783 14397.348)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M438.138 244.87h-40.47c-6.144 0-11.13 4.986-11.13 11.13 0 6.144 4.986 11.13 11.13 11.13h40.47c6.144 0 11.13-4.986 11.13-11.13.001-6.144-4.986-11.13-11.13-11.13z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-43.981"
x2="-41.163"
y1="635.256"
y2="635.256"
gradientTransform="matrix(22.2609 0 0 -22.2609 1041.783 14397.348)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M114.354 244.87H73.862c-6.144 0-11.13 4.986-11.13 11.13 0 6.144 4.986 11.13 11.13 11.13h40.47c6.144 0 11.13-4.986 11.13-11.13 0-6.144-4.964-11.13-11.108-11.13z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-40.344"
x2="-37.526"
y1="635.256"
y2="635.256"
gradientTransform="matrix(22.2609 0 0 -22.2609 1041.783 14397.348)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M195.295 244.87h-40.47c-6.144 0-11.13 4.986-11.13 11.13 0 6.144 4.986 11.13 11.13 11.13h40.47c6.144 0 11.13-4.986 11.13-11.13 0-6.144-4.986-11.13-11.13-11.13z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-36.708"
x2="-33.89"
y1="635.256"
y2="635.256"
gradientTransform="matrix(22.2609 0 0 -22.2609 1041.783 14397.348)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M276.235 244.87h-9.105v-9.105c0-6.144-4.986-11.13-11.13-11.13-6.144 0-11.13 4.986-11.13 11.13v9.105h-9.105c-6.144 0-11.13 4.986-11.13 11.13 0 6.144 4.986 11.13 11.13 11.13h9.105v9.105c0 6.144 4.986 11.13 11.13 11.13 6.144 0 11.13-4.986 11.13-11.13v-9.105h9.105c6.144 0 11.13-4.986 11.13-11.13a11.119 11.119 0 0 0-11.13-11.13z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-46.799"
x2="-44.799"
y1="624.756"
y2="624.756"
gradientTransform="matrix(22.2609 0 0 -22.2609 1041.783 14397.348)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M33.391 489.739h-11.13v-11.13c0-6.144-4.986-11.13-11.13-11.13S0 472.465 0 478.609v22.261C0 507.014 4.986 512 11.13 512h22.261c6.144 0 11.13-4.986 11.13-11.13s-4.986-11.131-11.13-11.131z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-40.344"
x2="-37.526"
y1="624.256"
y2="624.256"
gradientTransform="matrix(22.2609 0 0 -22.2609 1041.783 14397.348)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M195.295 489.739h-40.47c-6.144 0-11.13 4.986-11.13 11.13S148.68 512 154.824 512h40.47c6.144 0 11.13-4.986 11.13-11.13s-4.985-11.131-11.129-11.131z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="-43.981"
x2="-41.163"
y1="624.256"
y2="624.256"
gradientTransform="matrix(22.2609 0 0 -22.2609 1041.783 14397.348)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M114.354 489.739H73.862c-6.144 0-11.13 4.986-11.13 11.13S67.718 512 73.862 512h40.47c6.144 0 11.13-4.986 11.13-11.13s-4.964-11.131-11.108-11.131z"
fill="url(#m)"
/>
<linearGradient
id="n"
x1="-36.708"
x2="-33.89"
y1="624.756"
y2="624.756"
gradientTransform="matrix(22.2609 0 0 -22.2609 1041.783 14397.348)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M276.235 489.739h-9.105v-11.13c0-6.144-4.986-11.13-11.13-11.13-6.144 0-11.13 4.986-11.13 11.13v11.13h-9.105c-6.144 0-11.13 4.986-11.13 11.13s4.986 11.13 11.13 11.13h40.47c6.144 0 11.13-4.986 11.13-11.13s-4.964-11.13-11.13-11.13z"
fill="url(#n)"
/>
<linearGradient
id="o"
x1="-29.435"
x2="-26.617"
y1="624.256"
y2="624.256"
gradientTransform="matrix(22.2609 0 0 -22.2609 1041.783 14397.348)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M438.138 489.739h-40.47c-6.144 0-11.13 4.986-11.13 11.13s4.986 11.13 11.13 11.13h40.47c6.144 0 11.13-4.986 11.13-11.13s-4.986-11.13-11.13-11.13z"
fill="url(#o)"
/>
<linearGradient
id="p"
x1="-33.072"
x2="-30.254"
y1="624.256"
y2="624.256"
gradientTransform="matrix(22.2609 0 0 -22.2609 1041.783 14397.348)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M357.176 489.739h-40.47c-6.144 0-11.13 4.986-11.13 11.13s4.986 11.13 11.13 11.13h40.47c6.144 0 11.13-4.986 11.13-11.13s-4.964-11.13-11.13-11.13z"
fill="url(#p)"
/>
<linearGradient
id="q"
x1="-25.799"
x2="-23.799"
y1="624.756"
y2="624.756"
gradientTransform="matrix(22.2609 0 0 -22.2609 1041.783 14397.348)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M500.87 467.478c-6.144 0-11.13 4.986-11.13 11.13v11.13h-11.13c-6.144 0-11.13 4.986-11.13 11.13s4.986 11.13 11.13 11.13h22.261c6.144 0 11.13-4.986 11.13-11.13v-22.261c-.001-6.142-4.987-11.129-11.131-11.129z"
fill="url(#q)"
/>
<linearGradient
id="r"
x1="-25.799"
x2="-23.799"
y1="635.256"
y2="635.256"
gradientTransform="matrix(22.2609 0 0 -22.2609 1041.783 14397.348)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M500.87 224.634c-6.144 0-11.13 4.986-11.13 11.13v9.105h-11.13c-6.144 0-11.13 4.986-11.13 11.13 0 6.144 4.986 11.13 11.13 11.13h11.13v9.105c0 6.144 4.986 11.13 11.13 11.13s11.13-4.986 11.13-11.13v-40.47a11.12 11.12 0 0 0-11.13-11.13z"
fill="url(#r)"
/>
<linearGradient
id="s"
x1="-24.799"
x2="-23.799"
y1="638.893"
y2="638.893"
gradientTransform="matrix(22.2609 0 0 -22.2609 1041.783 14397.348)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M500.87 143.672c-6.144 0-11.13 4.986-11.13 11.13v40.47c0 6.144 4.986 11.13 11.13 11.13s11.13-4.986 11.13-11.13v-40.47c0-6.144-4.986-11.13-11.13-11.13z"
fill="url(#s)"
/>
<linearGradient
id="t"
x1="-24.799"
x2="-23.799"
y1="642.529"
y2="642.529"
gradientTransform="matrix(22.2609 0 0 -22.2609 1041.783 14397.348)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M500.87 62.731c-6.144 0-11.13 4.986-11.13 11.13v40.448c0 6.144 4.986 11.13 11.13 11.13S512 120.454 512 114.31V73.862c0-6.144-4.986-11.131-11.13-11.131z"
fill="url(#t)"
/>
<linearGradient
id="u"
x1="-24.799"
x2="-23.799"
y1="627.984"
y2="627.984"
gradientTransform="matrix(22.2609 0 0 -22.2609 1041.783 14397.348)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M500.87 386.516c-6.144 0-11.13 4.986-11.13 11.13v40.47c0 6.144 4.986 11.13 11.13 11.13S512 444.26 512 438.116v-40.47c0-6.144-4.986-11.13-11.13-11.13z"
fill="url(#u)"
/>
<linearGradient
id="v"
x1="-24.799"
x2="-23.799"
y1="631.619"
y2="631.619"
gradientTransform="matrix(22.2609 0 0 -22.2609 1041.783 14397.348)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M500.87 305.597c-6.144 0-11.13 4.986-11.13 11.13v40.448c0 6.144 4.986 11.13 11.13 11.13S512 363.32 512 357.176v-40.448a11.12 11.12 0 0 0-11.13-11.131z"
fill="url(#v)"
/>
<linearGradient
id="w"
x1="-46.799"
x2="-45.799"
y1="638.892"
y2="638.892"
gradientTransform="matrix(22.2609 0 0 -22.2609 1041.783 14397.348)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M11.13 206.403c6.144 0 11.13-4.986 11.13-11.13v-40.448c0-6.144-4.986-11.13-11.13-11.13S0 148.68 0 154.824v40.448a11.12 11.12 0 0 0 11.13 11.131z"
fill="url(#w)"
/>
<linearGradient
id="x"
x1="-46.799"
x2="-45.799"
y1="631.619"
y2="631.619"
gradientTransform="matrix(22.2609 0 0 -22.2609 1041.783 14397.348)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M11.13 368.328c6.144 0 11.13-4.986 11.13-11.13v-40.47c0-6.144-4.986-11.13-11.13-11.13S0 310.561 0 316.728v40.47c0 6.144 4.986 11.13 11.13 11.13z"
fill="url(#x)"
/>
<linearGradient
id="y"
x1="-46.799"
x2="-45.799"
y1="642.528"
y2="642.528"
gradientTransform="matrix(22.2609 0 0 -22.2609 1041.783 14397.348)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M11.13 125.485c6.144 0 11.13-4.986 11.13-11.13V73.862c0-6.144-4.986-11.13-11.13-11.13S0 67.718 0 73.862v40.47c0 6.166 4.986 11.153 11.13 11.153z"
fill="url(#y)"
/>
<linearGradient
id="z"
x1="-46.799"
x2="-45.799"
y1="627.982"
y2="627.982"
gradientTransform="matrix(22.2609 0 0 -22.2609 1041.783 14397.348)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M11.13 449.269c6.144 0 11.13-4.986 11.13-11.13V397.69c0-6.144-4.986-11.13-11.13-11.13S0 391.524 0 397.668v40.448c0 6.166 4.986 11.153 11.13 11.153z"
fill="url(#z)"
/>
<linearGradient
id="A"
x1="-46.799"
x2="-23.799"
y1="645.756"
y2="645.756"
gradientTransform="matrix(22.2609 0 0 -22.2609 1041.783 14397.348)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M500.87 0H11.13C4.986 0 0 4.986 0 11.13v22.261c0 6.144 4.986 11.13 11.13 11.13s11.13-4.986 11.13-11.13v-11.13h222.607v11.13c0 6.144 4.986 11.13 11.13 11.13 6.144 0 11.13-4.986 11.13-11.13v-11.13H489.734v11.13c0 6.144 4.986 11.13 11.13 11.13S512 39.535 512 33.391V11.13C512 4.986 507.014 0 500.87 0z"
fill="url(#A)"
/>
</svg>
More icons in the same style and category