Add icons to this collection by clicking the heart icon.
Rectangle icon - also known as education, maths, geometry, rectangle, length, width, and shapes and symbols. 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 512 512"
>
<radialGradient
id="c"
cx="391.513"
cy="2609.42"
r="211.111"
gradientTransform="matrix(.931 0 0 .114 -111.186 117.229)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff8be" />
<stop offset=".512" stop-color="#fffbe5" />
<stop offset=".976" stop-color="#fff" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#e6f6ff" />
<stop offset=".376" stop-color="#c0dae9" />
<stop offset=".43" stop-color="#bad6e5" />
<stop offset="1" stop-color="#8abbd5" />
</linearGradient>
<radialGradient
id="d"
cx="197.907"
cy="85.935"
r="75.052"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#3692bc" />
<stop offset=".504" stop-color="#0681af" />
<stop offset=".976" stop-color="#0055a3" />
</linearGradient>
<radialGradient
id="e"
cx="268.735"
cy="111.004"
r="80.823"
gradientTransform="matrix(-.128 .992 -.88 -.113 400.667 -142.967)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="f"
cx="485.657"
cy="344.192"
r="33.423"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="g"
cx="451.795"
cy="267.559"
r="70.327"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="h"
cx="477.102"
cy="271.301"
r="34.514"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="i"
cx="489.043"
cy="257.578"
r="36.903"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="j"
cx="-951.897"
cy="-1896.006"
r="90.71"
gradientTransform="matrix(.199 -1.96 -.442 -.179 -131.599 -1902.382)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="k"
cx="-20.83"
cy="197.343"
r="217.64"
gradientTransform="matrix(-.094 .996 -.507 -.048 77.198 227.518)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff9e2" />
<stop offset=".514" stop-color="#fffacd" />
<stop offset=".976" stop-color="#fff6ab" />
</radialGradient>
<radialGradient
id="l"
cx="321.996"
cy="260.555"
r="344.916"
gradientTransform="matrix(1 0 0 .726 0 71.476)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff044" />
<stop offset=".449" stop-color="#ffea00" />
<stop offset=".647" stop-color="#fbd113" />
<stop offset=".976" stop-color="#f6ab31" />
</radialGradient>
<path
fill="url(#c)"
d="M256 440c113.107 0 204.798-11.462 204.798-25.6H51.202c0 14.138 91.691 25.6 204.798 25.6z"
/>
<path fill="url(#d)" d="M206.879 72v89.601h8.642l6.4-32.001-6.4-57.6z" />
<path fill="url(#e)" d="M266.721 161.601h-51.2V72h12.799v76.8h38.401z" />
<path
fill="url(#f)"
d="m492.799 345.6-15.041-33.842 15.041-10.958 8.642 44.8z"
/>
<path fill="url(#g)" d="M452.157 256h8.641v89.601h-8.641z" />
<path fill="url(#h)" d="m464.958 309.042 12.8-28.8h8.641l-6.4 33.358z" />
<path fill="url(#i)" d="M490.558 309.042V256h8.641l6.4 57.6z" />
<path
fill="url(#j)"
d="M501.441 345.6H512V256h-12.801v53.042l-12.8-28.8-12.799 28.8V256h-12.801v89.6h10.559l15.041-33.842z"
/>
<path fill="url(#k)" d="M0 187.2v227.2h38.4l38.4-195.2-38.4-32z" />
<path fill="url(#l)" d="M38.4 187.2h396.8v227.2H38.4z" />
</svg>
More icons in the same style and category