Add icons to this collection by clicking the heart icon.
Pattern icon - also known as fashion, pattern, patterns, sew, handcraft, and ecology and environment. Created in a clean lineal color 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"
>
<g>
<g>
<g>
<path
d="M399.844,191.978v290.184c0,6.116-4.958,11.074-11.074,11.074H94.488 c-6.116,0-11.074-4.958-11.074-11.074V18.574c0-6.116,4.958-11.074,11.074-11.074h115.241c6.116,0,11.074,4.958,11.074,11.074 v15.923c0,80.858,65.548,146.406,146.406,146.406h21.56C394.886,180.904,399.844,185.862,399.844,191.978z"
fill="#557983"
/>
<path
d="M399.848,191.98v290.18c0,6.12-4.96,11.08-11.08,11.08h-30.37c6.11,0,11.07-4.96,11.07-11.08 V191.98c0-6.12-4.96-11.08-11.07-11.08h-21.56c-80.86,0-146.41-65.54-146.41-146.4V18.57c0-6.11-4.96-11.07-11.07-11.07h30.37 c6.12,0,11.08,4.96,11.08,11.07V34.5c0,80.86,65.54,146.4,146.4,146.4h21.56C394.888,180.9,399.848,185.86,399.848,191.98z"
fill="#47666B"
/>
<path
d="M302.357,315.746l-47.596-76.411c-0.268-0.43-0.573-0.822-0.907-1.177 c2.266-3.158,3.615-7.019,3.615-11.204c0-10.635-8.622-19.257-19.257-19.257c-10.635,0-19.257,8.622-19.257,19.257 c0,10.635,8.622,19.257,19.257,19.257c1.078,0,2.129-0.111,3.159-0.281c0.172,0.457,0.389,0.905,0.657,1.335l47.596,76.411 c1.422,2.282,3.869,3.536,6.373,3.536c1.354,0,2.725-0.367,3.959-1.135C303.472,323.887,304.546,319.262,302.357,315.746z"
fill="#47666B"
/>
<circle cx="331.285" cy="198.364" r="19.257" fill="#47666B" />
<path
d="M83.413,333.391v148.771c0,6.116,4.958,11.074,11.074,11.074h294.281c6.116,0,11.074-4.958,11.074-11.074V191.978 c0-6.116-4.958-11.074-11.074-11.074h-21.56c-38.357,0-73.262-14.758-99.366-38.896"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M245.501,115.89c-15.596-23.276-24.698-51.27-24.698-81.392V18.574c0-6.116-4.958-11.074-11.074-11.074H94.488 c-6.116,0-11.074,4.958-11.074,11.074v280.472"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<g>
<line
x1="120.211"
y1="90.758"
x2="120.211"
y2="102.149"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="120.211"
y1="134.932"
x2="120.211"
y2="146.324"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<g>
<line
x1="120.211"
y1="56.316"
x2="120.211"
y2="40.494"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="181.521"
y1="40.494"
x2="169.799"
y2="40.494"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="136.065"
y1="40.494"
x2="119.913"
y2="40.494"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
<line
x1="120.211"
y1="179.107"
x2="120.211"
y2="190.498"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="120.211"
y1="223.281"
x2="120.211"
y2="234.672"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="120.211"
y1="267.455"
x2="120.211"
y2="278.847"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="120.211"
y1="311.63"
x2="120.211"
y2="323.021"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="120.211"
y1="355.804"
x2="120.211"
y2="367.196"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="120.211"
y1="399.978"
x2="120.211"
y2="411.37"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="120.211"
y1="444.153"
x2="120.211"
y2="459.974"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="317.888"
y1="459.974"
x2="306.166"
y2="459.974"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="272.432"
y1="459.974"
x2="260.71"
y2="459.974"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="226.977"
y1="459.974"
x2="215.255"
y2="459.974"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="181.521"
y1="459.974"
x2="169.799"
y2="459.974"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="136.065"
y1="459.974"
x2="119.913"
y2="459.974"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
<g>
<line
x1="366.752"
y1="221.622"
x2="366.752"
y2="233.013"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="366.752"
y1="223.281"
x2="366.752"
y2="234.672"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="366.752"
y1="267.455"
x2="366.752"
y2="278.847"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="366.752"
y1="311.63"
x2="366.752"
y2="323.021"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="366.752"
y1="355.804"
x2="366.752"
y2="367.196"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="366.752"
y1="399.978"
x2="366.752"
y2="411.37"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="366.752"
y1="444.153"
x2="366.752"
y2="459.974"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="350.898"
y1="459.974"
x2="367.05"
y2="459.974"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
</g>
<g>
<path
d="M83.413,412.686H38.06c-2.349,0-4.252-1.903-4.252-4.251v-30.143c0-2.349,1.903-4.252,4.252-4.252 h45.353V412.686z"
fill="#FB8627"
/>
<path
d="M33.813,408.439v-30.153c0-2.348,1.903-4.252,4.252-4.252H83.41v38.656H38.064C35.716,412.691,33.813,410.787,33.813,408.439z"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
</g>
<g>
<g>
<path
d="M367.058,453.2l57.261-36.986l23.464-84.188l-32.286-38.696c-14.64-7.11-31.08-11.1-48.45-11.1 c-17.36,0-33.79,3.98-48.43,11.09l-28.87,38.706l18.375,84.188L367.058,453.2z"
fill="#FB7722"
/>
<path
d="M415.498,293.33c7.1,14.64,11.08,31.07,11.08,48.43c0,42.75-24.14,79.85-59.52,98.44 c-7.48-3.92-14.45-8.67-20.8-14.14c33.2-19.22,55.54-55.12,55.54-96.25c0-15.89-3.35-31-9.36-44.67 C400.479,287.015,408.239,290.012,415.498,293.33z"
fill="#F2671F"
/>
<g>
<g>
<path
d="M267.008,441.8c-7.11-14.64-11.09-31.08-11.09-48.44c0-44.02,25.59-82.05,62.7-100.04 c-7.1,14.64-11.09,31.07-11.09,48.44c0,42.75,24.14,79.86,59.53,98.44l-48.917,31.3L267.008,441.8z"
fill="#FB9927"
/>
</g>
<g>
<g>
<path
d="M318.618,293.31c-7.1,14.64-11.09,31.08-11.09,48.45c0,42.75,24.14,79.86,59.53,98.44"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
<g>
<path
d="M302.438,302.93c-13.03,18.21-20.7,40.52-20.7,64.62c0,34.2,15.45,64.8,39.76,85.18"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
</g>
</g>
<g>
<path
d="M478.187,393.36c0,61.38-49.76,111.14-111.14,111.14c-44.02,0-82.05-25.59-100.04-62.7 c14.64,7.1,31.07,11.09,48.44,11.09c61.38,0,111.13-49.75,111.13-111.13c0-17.36-3.98-33.79-11.08-48.43 C452.607,311.32,478.187,349.35,478.187,393.36z"
fill="#FCC16D"
/>
</g>
<g>
<path
d="M478.187,393.36c0,61.38-49.76,111.14-111.14,111.14c-24.5,0-47.15-7.93-65.52-21.36 c13.71,6.05,28.87,9.41,44.82,9.41c61.38,0,111.14-49.76,111.14-111.14c0-34.86-16.05-65.96-41.16-86.32 c-0.27-0.59-0.55-1.18-0.83-1.76C452.607,311.32,478.187,349.35,478.187,393.36z"
fill="#FCB44D"
/>
</g>
<path
d="M453.045,463.763c15.711-19.168,25.142-43.682,25.142-70.4c0-61.379-49.758-111.137-111.137-111.137 c-61.379,0-111.137,49.758-111.137,111.137S305.671,504.5,367.05,504.5c22.241,0,42.953-6.537,60.327-17.789"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M307.613,337.259c14.901-15.781,36.019-25.629,59.436-25.629c23.467,0,44.623,9.89,59.53,25.728"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M311.444,371.126c14.587-13.546,34.129-21.83,55.606-21.83c21.477,0,41.019,8.284,55.606,21.83"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M323.634,399.435c12.579-7.902,27.464-12.472,43.416-12.472c15.598,0,30.175,4.369,42.574,11.95"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
<g>
<g>
<path
d="M415.498,293.32c7.1,14.64,11.08,31.08,11.08,48.44c0,61.38-49.75,111.13-111.13,111.13c-17.37,0-33.81-3.99-48.45-11.09"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
<g>
<path
d="M431.668,302.93c13.03,18.21,20.7,40.52,20.7,64.62c0,61.38-49.76,111.13-111.13,111.13c-24.1,0-46.41-7.67-64.62-20.7"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
</g>
</g>
<g>
<g>
<circle cx="331.285" cy="178.27" r="19.257" fill="#23F1A8" />
<path
d="M350.538,178.27c0,10.64-8.62,19.26-19.25,19.26c-3.82,0-7.38-1.11-10.38-3.04 c8.11-0.96,14.39-7.86,14.39-16.22c0-8.36-6.28-15.26-14.39-16.22c3-1.93,6.56-3.04,10.38-3.04 C341.918,159.01,350.538,167.63,350.538,178.27z"
fill="#27E19D"
/>
<circle
cx="331.285"
cy="178.27"
r="19.257"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
<line
x1="331.285"
y1="197.527"
x2="331.285"
y2="287.549"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
<g>
<g>
<circle cx="244.655" cy="210.174" r="19.257" fill="#23F1A8" />
<path
d="M263.908,210.174c0,10.64-8.62,19.26-19.25,19.26c-3.82,0-7.38-1.11-10.38-3.04 c8.11-0.96,14.39-7.86,14.39-16.22c0-8.36-6.28-15.26-14.39-16.22c3-1.93,6.56-3.04,10.38-3.04 C255.288,190.914,263.908,199.534,263.908,210.174z"
fill="#27E19D"
/>
<circle
cx="244.655"
cy="210.174"
r="19.257"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
<line
x1="254.837"
y1="226.52"
x2="302.433"
y2="302.93"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
</g>
</svg>
More icons in the same style and category