Add icons to this collection by clicking the heart icon.
Border icon - also known as interface, border, symbol, alignment, align, edit tools, and inner. 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="-46.903"
x2="-45.197"
y1="625.359"
y2="623.655"
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="M44.522 500.87c0-6.144-4.986-11.13-11.13-11.13h-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.131-4.986 11.131-11.13z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-39.741"
x2="-38.128"
y1="625.064"
y2="623.447"
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 512c6.144 0 11.13-4.986 11.13-11.13s-4.986-11.13-11.13-11.13h-40.47c-6.144 0-11.13 4.986-11.13 11.13S148.68 512 154.824 512h40.471z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-32.47"
x2="-30.854"
y1="625.064"
y2="623.448"
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.198 512c6.144 0 11.13-4.986 11.13-11.13s-4.986-11.13-11.13-11.13h-40.47c-6.144 0-11.13 4.986-11.13 11.13s4.986 11.13 11.13 11.13h40.47z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-28.833"
x2="-27.218"
y1="625.064"
y2="623.448"
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 512c6.144 0 11.13-4.986 11.13-11.13s-4.986-11.13-11.13-11.13H397.69c-6.144 0-11.13 4.986-11.13 11.13S391.546 512 397.69 512h40.448z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-43.382"
x2="-41.761"
y1="625.063"
y2="623.448"
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 512c6.144 0 11.13-4.986 11.13-11.13s-4.986-11.13-11.13-11.13H73.862c-6.144 0-11.13 4.986-11.13 11.13S67.718 512 73.862 512h40.492z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-25.152"
x2="-23.945"
y1="625.109"
y2="623.902"
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(#f)"
/>
<linearGradient
id="g"
x1="-25.107"
x2="-23.491"
y1="628.792"
y2="627.176"
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(#g)"
/>
<linearGradient
id="h"
x1="-25.107"
x2="-23.491"
y1="632.428"
y2="630.812"
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.575c-6.144 0-11.13 4.986-11.13 11.13v40.47c0 6.144 4.986 11.13 11.13 11.13S512 363.32 512 357.176v-40.47c0-6.145-4.986-11.131-11.13-11.131z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-25.107"
x2="-23.49"
y1="639.698"
y2="638.086"
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.694c-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.47a11.12 11.12 0 0 0-11.13-11.13z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-41.607"
x2="-28.991"
y1="641.564"
y2="628.948"
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.105H267.13V22.261h9.105c6.144 0 11.13-4.986 11.13-11.13S282.401 0 276.235 0h-40.47c-6.144 0-11.13 4.986-11.13 11.13s4.986 11.13 11.13 11.13h9.105v222.61H22.261v-9.105c0-6.144-4.986-11.13-11.13-11.13S0 229.621 0 235.765v40.47c0 6.144 4.986 11.13 11.13 11.13s11.13-4.986 11.13-11.13v-9.105h222.61v222.609h-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.986-11.13-11.13-11.13h-9.105V267.13h222.609v9.105c0 6.144 4.986 11.13 11.13 11.13s11.13-4.986 11.13-11.13v-40.47a11.119 11.119 0 0 0-11.129-11.131z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-25.106"
x2="-23.491"
y1="643.339"
y2="641.719"
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.47c0 6.144 4.986 11.13 11.13 11.13s11.13-4.986 11.13-11.13v-40.47c0-6.143-4.986-11.13-11.13-11.13z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-25.401"
x2="-23.696"
y1="646.86"
y2="645.151"
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 0h-22.261c-6.144 0-11.13 4.986-11.13 11.13s4.986 11.13 11.13 11.13h11.13v11.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(#l)"
/>
<linearGradient
id="m"
x1="-43.378"
x2="-41.766"
y1="647.064"
y2="645.448"
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="M73.862 0c-6.144 0-11.13 4.986-11.13 11.13s4.986 11.13 11.13 11.13h40.448c6.144 0 11.13-4.986 11.13-11.13S120.476 0 114.332 0h-40.47z"
fill="url(#m)"
/>
<linearGradient
id="n"
x1="-32.471"
x2="-30.856"
y1="647.064"
y2="645.448"
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="M316.705 0c-6.144 0-11.13 4.986-11.13 11.13s4.986 11.13 11.13 11.13h40.448c6.144 0 11.13-4.986 11.13-11.13S363.32 0 357.176 0h-40.471z"
fill="url(#n)"
/>
<linearGradient
id="o"
x1="-28.835"
x2="-27.219"
y1="647.064"
y2="645.448"
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="M397.646 0c-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.13S444.282 0 438.138 0h-40.492z"
fill="url(#o)"
/>
<linearGradient
id="p"
x1="-39.74"
x2="-38.128"
y1="647.063"
y2="645.446"
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="M154.802 0c-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.13S201.439 0 195.295 0h-40.493z"
fill="url(#p)"
/>
<linearGradient
id="q"
x1="-46.652"
x2="-45.445"
y1="646.61"
y2="645.402"
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 44.522c6.144 0 11.13-4.986 11.13-11.13v-11.13h11.13c6.144 0 11.13-4.986 11.13-11.13S39.535 0 33.391 0H11.13C4.986 0 0 4.986 0 11.13v22.261c0 6.144 4.986 11.131 11.13 11.131z"
fill="url(#q)"
/>
<linearGradient
id="r"
x1="-47.107"
x2="-45.491"
y1="628.791"
y2="627.175"
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.13v-40.47c0-6.144-4.986-11.13-11.13-11.13S0 391.502 0 397.668v40.47c0 6.144 4.986 11.131 11.13 11.131z"
fill="url(#r)"
/>
<linearGradient
id="s"
x1="-47.106"
x2="-45.491"
y1="643.339"
y2="641.718"
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(#s)"
/>
<linearGradient
id="t"
x1="-47.107"
x2="-45.491"
y1="632.428"
y2="630.812"
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.306c6.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.705v40.47a11.12 11.12 0 0 0 11.13 11.131z"
fill="url(#t)"
/>
<linearGradient
id="u"
x1="-47.106"
x2="-45.489"
y1="639.697"
y2="638.084"
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.425c6.144 0 11.13-4.986 11.13-11.13v-40.47c0-6.144-4.986-11.13-11.13-11.13S0 148.658 0 154.824v40.47c0 6.145 4.986 11.131 11.13 11.131z"
fill="url(#u)"
/>
</svg>
More icons in the same style and category