Add icons to this collection by clicking the heart icon.
Search icon - also known as search, zoom, magnifying glass, product, commerce and shopping, shopping bag, purchase, and loupe. 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 64 64"
>
<linearGradient
id="a"
x1="-1.584"
x2="55.687"
y1="56.416"
y2="-.855"
gradientUnits="userSpaceOnUse"
>
<stop offset=".014" stop-color="#4279bd" />
<stop offset=".184" stop-color="#3f83ba" />
<stop offset=".476" stop-color="#389fb0" />
<stop offset=".852" stop-color="#2ccba2" />
<stop offset=".913" stop-color="#2ad39f" />
</linearGradient>
<linearGradient
id="b"
x1="-6.06"
x2="51.211"
y1="51.94"
y2="-5.331"
href="#a"
/>
<linearGradient id="c" x1="-3" x2="54.271" y1="55" y2="-2.271" href="#a" />
<linearGradient
id="d"
x1="11.612"
x2="68.884"
y1="69.612"
y2="12.341"
href="#a"
/>
<linearGradient
id="e"
x1="20.335"
x2="77.606"
y1="78.335"
y2="21.063"
href="#a"
/>
<path
fill="url(#a)"
d="M31.82 35H20.18a2 2 0 0 1-1.973-2.329l1.667-10A1.993 1.993 0 0 1 21.848 21h8.306a1.993 1.993 0 0 1 1.973 1.671l1.667 10A2 2 0 0 1 31.819 35zm-1.667-12h-8.306L20.18 33h11.642z"
/>
<path
fill="url(#b)"
d="M29 23h-6a1 1 0 0 1-1-1v-3a4 4 0 0 1 8 0v3a1 1 0 0 1-1 1zm-5-2h4v-2a2 2 0 0 0-4 0z"
/>
<path
fill="url(#c)"
d="M26 45.99a19.99 19.99 0 1 1 14.142-5.848A19.938 19.938 0 0 1 26 45.991zm0-37.982a17.992 17.992 0 1 0 12.728 5.264A17.946 17.946 0 0 0 26 8.008z"
/>
<path
fill="url(#c)"
d="M26 41.992a15.992 15.992 0 1 1 11.313-4.679A15.95 15.95 0 0 1 26 41.993zm0-29.985a13.993 13.993 0 1 0 9.9 4.094 13.958 13.958 0 0 0-9.9-4.094z"
/>
<path
fill="url(#d)"
d="M38.728 46.385a1.984 1.984 0 0 1-1.415-.587l-2.594-2.594a1 1 0 0 1 .213-1.577 17.988 17.988 0 0 0 6.695-6.695 1 1 0 0 1 .736-.497 1.01 1.01 0 0 1 .84.284l2.596 2.595a2 2 0 0 1 0 2.828L40.142 45.8a1.986 1.986 0 0 1-1.414.586zm-1.7-3.7 1.7 1.7 5.657-5.657-1.7-1.7a20.052 20.052 0 0 1-5.656 5.658z"
/>
<path
fill="url(#e)"
d="M54.284 58.282a3.986 3.986 0 0 1-2.828-1.17l-12.02-12.02a1 1 0 0 1 0-1.414l4.242-4.243a1 1 0 0 1 1.414 0l12.02 12.021a4.004 4.004 0 0 1 0 5.657 3.987 3.987 0 0 1-2.828 1.17zM41.556 44.385 52.87 55.699a2 2 0 1 0 2.829-2.829L44.385 41.556z"
/>
</svg>
More icons in the same style and category