Add icons to this collection by clicking the heart icon.
Border icon - also known as frame, border, graphics editor, graphic tool, and ui. 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="3.86"
x2="52.11"
y1="9.86"
y2="64.49"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#15b3ff" />
<stop offset="1" stop-color="#e200e9" />
</linearGradient>
<linearGradient
id="b"
x1="5.04"
x2="53.29"
y1="8.82"
y2="63.45"
href="#a"
/>
<linearGradient
id="c"
x1="12.33"
x2="60.58"
y1="2.39"
y2="57.01"
href="#a"
/>
<linearGradient
id="d"
x1="13.51"
x2="61.76"
y1="1.34"
y2="55.97"
href="#a"
/>
<linearGradient
id="e"
x1="13.97"
x2="62.22"
y1=".93"
y2="55.56"
href="#a"
/>
<linearGradient id="f" x1="8.68" x2="56.93" y1="5.6" y2="60.23" href="#a" />
<path
fill="url(#a)"
d="M19 46a1 1 0 0 1-1-1V9a1 1 0 0 1 2 0v36a1 1 0 0 1-1 1z"
/>
<path fill="url(#b)" d="M55 46H19a1 1 0 0 1 0-2h36a1 1 0 0 1 0 2z" />
<path fill="url(#c)" d="M45 20H9a1 1 0 0 1 0-2h36a1 1 0 0 1 0 2z" />
<path
fill="url(#d)"
d="M45 56a1 1 0 0 1-1-1V19a1 1 0 0 1 2 0v36a1 1 0 0 1-1 1z"
/>
<path
fill="url(#e)"
d="M19 46a1 1 0 0 1-.71-.29 1 1 0 0 1 0-1.42l36-36a1 1 0 0 1 1.42 1.42l-36 36A1 1 0 0 1 19 46z"
/>
<path
fill="url(#f)"
d="M58 61H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h52a3 3 0 0 1 3 3v52a3 3 0 0 1-3 3zM6 5a1 1 0 0 0-1 1v52a1 1 0 0 0 1 1h52a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z"
/>
</svg>
More icons in the same style and category