Add icons to this collection by clicking the heart icon.
Brick icon - also known as medieval, symbol, brick, philosophy, shapes and symbols, esoteric, and alchemy. 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"
>
<linearGradient
id="a"
x1="307.56"
x2="22"
y1="571.45"
y2="50.53"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00ffa9" />
<stop offset=".15" stop-color="#02eab3" />
<stop offset=".47" stop-color="#06b3ce" />
<stop offset=".93" stop-color="#0c5cf8" />
<stop offset="1" stop-color="#0d4dff" />
</linearGradient>
<linearGradient
id="b"
x1="279.62"
x2="-5.94"
y1="586.76"
y2="65.85"
href="#a"
/>
<linearGradient
id="c"
x1="400.86"
x2="115.3"
y1="520.3"
y2="-.62"
href="#a"
/>
<linearGradient
id="d"
x1="372.92"
x2="87.36"
y1="535.62"
y2="14.7"
href="#a"
/>
<linearGradient
id="e"
x1="494.8"
x2="209.24"
y1="468.8"
y2="-52.11"
href="#a"
/>
<linearGradient
id="f"
x1="466.86"
x2="181.3"
y1="484.12"
y2="-36.8"
href="#a"
/>
<linearGradient
id="g"
x1="400.88"
x2="115.32"
y1="520.29"
y2="-.63"
href="#a"
/>
<linearGradient
id="h"
x1="400.89"
x2="115.32"
y1="520.29"
y2="-.63"
href="#a"
/>
<linearGradient
id="i"
x1="219.35"
x2="-66.22"
y1="619.81"
y2="98.89"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M143.57 192.16H85.09a26.8 26.8 0 1 0 0 53.59h58.48a26.8 26.8 0 1 0 0-53.59zm0 41.59H85.09a14.8 14.8 0 1 1 0-29.59h58.48a14.8 14.8 0 1 1 0 29.59z"
/>
<path
fill="url(#b)"
d="M143.57 258.45H85.09a26.8 26.8 0 1 0 0 53.59h58.48a26.8 26.8 0 1 0 0-53.59zm0 41.59H85.09a14.8 14.8 0 1 1 0-29.59h58.48a14.8 14.8 0 1 1 0 29.59z"
/>
<path
fill="url(#c)"
d="M267.05 196.06h-58.49a26.8 26.8 0 1 0 0 53.59h58.49a26.8 26.8 0 0 0 0-53.59zm0 41.59h-58.49a14.8 14.8 0 1 1 0-29.59h58.49a14.8 14.8 0 0 1 0 29.59z"
/>
<path
fill="url(#d)"
d="M267.05 262.35h-58.49a26.8 26.8 0 1 0 0 53.59h58.49a26.8 26.8 0 0 0 0-53.59zm0 41.59h-58.49a14.8 14.8 0 1 1 0-29.59h58.49a14.8 14.8 0 0 1 0 29.59z"
/>
<path
fill="url(#e)"
d="M389.22 196.06h-58.49a26.8 26.8 0 0 0 0 53.59h58.49a26.8 26.8 0 1 0 0-53.59zm0 41.59h-58.49a14.8 14.8 0 0 1 0-29.59h58.49a14.8 14.8 0 1 1 0 29.59z"
/>
<path
fill="url(#f)"
d="M389.22 262.35h-58.49a26.8 26.8 0 0 0 0 53.59h58.49a26.8 26.8 0 1 0 0-53.59zm0 41.59h-58.49a14.8 14.8 0 0 1 0-29.59h58.49a14.8 14.8 0 1 1 0 29.59z"
/>
<path
fill="url(#g)"
d="M459.41 336.73a6 6 0 0 0 6-6V181.27a6 6 0 0 0-6-6H52.59a6 6 0 0 0-6 6v149.46a6 6 0 0 0 6 6zM58.59 187.27h394.82v137.46H58.59z"
/>
<path
fill="url(#h)"
d="M480.2 133.68H31.79A26.82 26.82 0 0 0 5 160.47v55.89a6 6 0 0 0 12 0v-55.89a14.81 14.81 0 0 1 14.79-14.79H480.2a14.8 14.8 0 0 1 14.8 14.79v191.06a14.81 14.81 0 0 1-14.8 14.8H31.79A14.82 14.82 0 0 1 17 351.53v-88.37a6 6 0 0 0-12 0v88.37a26.83 26.83 0 0 0 26.79 26.8H480.2a26.83 26.83 0 0 0 26.8-26.8V160.47a26.82 26.82 0 0 0-26.8-26.79z"
/>
<path
fill="url(#i)"
d="M11 250.26a6 6 0 0 0 6-6v-9a6 6 0 0 0-12 0v9a6 6 0 0 0 6 6z"
/>
</g>
</svg>
More icons in the same style and category