Add icons to this collection by clicking the heart icon.
Rectangle icon - also known as add, graphic, tools, square, frame, border, shape, rectangle, design, vector, and edit tools. Created in a clean lineal color 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 24 24"
>
<linearGradient
id="a"
x1="4.707"
x2="1.293"
y1="5.707"
y2="2.293"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#60efff" />
<stop offset=".117" stop-color="#5ff1f2" />
<stop offset=".503" stop-color="#5ef6ca" />
<stop offset=".811" stop-color="#5cf9b2" />
<stop offset="1" stop-color="#5cfaa9" />
</linearGradient>
<linearGradient
id="b"
x1="4.707"
x2="1.293"
y1="21.707"
y2="18.293"
href="#a"
/>
<linearGradient
id="c"
x1="22.707"
x2="19.293"
y1="21.707"
y2="18.293"
href="#a"
/>
<linearGradient
id="d"
x1="22.707"
x2="19.293"
y1="5.707"
y2="2.293"
href="#a"
/>
<g>
<rect width="4" height="4" x="1" y="2" fill="url(#a)" rx="1" />
<rect width="4" height="4" x="1" y="18" fill="url(#b)" rx="1" />
<rect width="4" height="4" x="19" y="18" fill="url(#c)" rx="1" />
<rect width="4" height="4" x="19" y="2" fill="url(#d)" rx="1" />
</g>
<g fill="#212529">
<path
d="M24 5V3a2.002 2.002 0 0 0-2-2h-2a2.002 2.002 0 0 0-2 2H6a2.002 2.002 0 0 0-2-2H2a2.002 2.002 0 0 0-2 2v2a2.002 2.002 0 0 0 2 2v10a2.002 2.002 0 0 0-2 2v2a2.002 2.002 0 0 0 2 2h2a2.002 2.002 0 0 0 2-2h12a2.002 2.002 0 0 0 2 2h2a2.002 2.002 0 0 0 2-2v-2a2.002 2.002 0 0 0-2-2V7a2.002 2.002 0 0 0 2-2zm-4-2h2l.002 2H20zM2 3h2l.002 2H2zm0 18v-2h2l.002 2zm20.002 0H20v-2h2zM20 17a2.002 2.002 0 0 0-2 2H6a2.002 2.002 0 0 0-2-2V7a2.002 2.002 0 0 0 2-2h12a2.002 2.002 0 0 0 2 2z"
/>
<path
d="M14 11h-1v-1a1 1 0 0 0-2 0v1h-1a1 1 0 0 0 0 2h1v1a1 1 0 0 0 2 0v-1h1a1 1 0 0 0 0-2z"
/>
</g>
</svg>
More icons in the same style and category