Add icons to this collection by clicking the heart icon.
Pattern Recognition icon - also known as technology, computer, information, data, science, web, security, access, programming, and pattern recognition. Created in a clean flat 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="b"
x1="23.25"
x2=".75"
y1="13.5"
y2="13.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#edf2ff" />
<stop offset=".39" stop-color="#eaf0fe" />
<stop offset=".625" stop-color="#e2ebfa" />
<stop offset=".818" stop-color="#d4e1f3" />
<stop offset=".988" stop-color="#c0d3e9" />
<stop offset="1" stop-color="#bed2e8" />
</linearGradient>
<linearGradient
id="c"
x1="23.25"
x2=".75"
y1="4.5"
y2="4.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#807a6e" />
<stop offset=".393" stop-color="#7d786c" />
<stop offset=".629" stop-color="#756f65" />
<stop offset=".823" stop-color="#676158" />
<stop offset=".995" stop-color="#534e47" />
<stop offset="1" stop-color="#524d46" />
</linearGradient>
<linearGradient
id="a"
x1="5.25"
x2="2.75"
y1="9"
y2="9"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4bfabf" />
<stop offset=".437" stop-color="#4af7bd" />
<stop offset=".7" stop-color="#48efb6" />
<stop offset=".916" stop-color="#43e1ab" />
<stop offset="1" stop-color="#41d9a5" />
</linearGradient>
<linearGradient id="d" x1="13.25" x2="10.75" href="#a" />
<linearGradient id="e" x1="21.25" x2="18.75" href="#a" />
<linearGradient id="f" y1="14" y2="14" href="#a" />
<linearGradient id="g" x1="13.25" x2="10.75" y1="14" y2="14" href="#a" />
<linearGradient id="h" x1="21.25" x2="18.75" y1="14" y2="14" href="#a" />
<linearGradient id="i" y1="19" y2="19" href="#a" />
<linearGradient id="j" x1="13.25" x2="10.75" y1="19" y2="19" href="#a" />
<linearGradient id="k" x1="21.25" x2="18.75" y1="19" y2="19" href="#a" />
<path
fill="url(#b)"
d="M.75 5.75V19A2.253 2.253 0 0 0 3 21.25h18A2.253 2.253 0 0 0 23.25 19V5.75z"
/>
<path
fill="url(#c)"
d="M21 2.75H3A2.253 2.253 0 0 0 .75 5v1.25h22.5V5A2.253 2.253 0 0 0 21 2.75z"
/>
<circle cx="3.5" cy="4.5" r=".75" fill="#fa8f82" />
<circle cx="5.5" cy="4.5" r=".75" fill="#e8fa9b" />
<circle cx="7.5" cy="4.5" r=".75" fill="#a5fa9b" />
<path
fill="#edf2ff"
d="M20.5 3.75h-7a.75.75 0 0 0 0 1.5h7a.75.75 0 0 0 0-1.5z"
/>
<path
fill="#807a6e"
d="M20.25 8.549 16 11.205l-4-2.5-4 2.5L3.75 8.55V19.45L8 16.795l4 2.5 4-2.5 4.25 2.656zm-.5.902v4.098L16.472 11.5zM19.528 14 16 16.205 12.472 14 16 11.795zM12 9.295l3.528 2.205L12 13.705 8.472 11.5zM11.528 14 8 16.205 4.472 14 8 11.795zm-4-2.5L4.25 13.549V9.45zM4.25 18.549V14.45L7.528 16.5zm7.75.156L8.472 16.5 12 14.295l3.528 2.205zm4.472-2.205 3.278-2.049v4.098z"
/>
<circle cx="4" cy="9" r="1.25" fill="url(#a)" />
<circle cx="12" cy="9" r="1.25" fill="url(#d)" />
<circle cx="20" cy="9" r="1.25" fill="url(#e)" />
<circle cx="4" cy="14" r="1.25" fill="url(#f)" />
<circle cx="12" cy="14" r="1.25" fill="url(#g)" />
<circle cx="20" cy="14" r="1.25" fill="url(#h)" />
<circle cx="4" cy="19" r="1.25" fill="url(#i)" />
<circle cx="12" cy="19" r="1.25" fill="url(#j)" />
<circle cx="20" cy="19" r="1.25" fill="url(#k)" />
<g fill="#f8f8f8">
<path
d="M22.5 11.75a.25.25 0 0 0-.25.25v1a.25.25 0 0 0 .5 0v-1a.25.25 0 0 0-.25-.25zM22.5 7.75a.25.25 0 0 0-.25.25v3a.25.25 0 0 0 .5 0V8a.25.25 0 0 0-.25-.25z"
/>
</g>
</svg>
More icons in the same style and category