Add icons to this collection by clicking the heart icon.
Search icon - also known as detective, search, zoom, magnifying glass, ui, detection, discover, loupe, and seo and web. Created in a clean 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="187.047"
x2="156.927"
y1="188.457"
y2="218.577"
gradientTransform="matrix(1.0667 0 0 -1.0667 3.267 557.533)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#97aaaa" />
<stop offset="1" stop-color="#e8efee" />
</linearGradient>
<path
d="m181.371 364.412-33.783-33.784 29.31-29.311 33.784 33.785z"
fill="url(#a)"
/>
<radialGradient
id="b"
cx="307.637"
cy="330.967"
r="164.63"
gradientTransform="matrix(1.0667 0 0 -1.0667 3.267 557.533)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity="0" />
<stop offset=".482" stop-color="#fdfdfd" stop-opacity=".482" />
<stop offset=".656" stop-color="#f6f7f7" stop-opacity=".655" />
<stop offset=".779" stop-color="#ebedec" stop-opacity=".779" />
<stop offset=".879" stop-color="#dadddd" stop-opacity=".879" />
<stop offset=".964" stop-color="#c4cac9" stop-opacity=".964" />
<stop offset="1" stop-color="#b8bfbe" />
</radialGradient>
<circle cx="320.736" cy="191.264" r="179.531" fill="url(#b)" />
<linearGradient
id="c"
x1="297.627"
x2="297.627"
y1="489.791"
y2="81.888"
gradientTransform="matrix(1.0667 0 0 -1.0667 3.267 557.533)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5b6a6a" />
<stop offset="1" stop-color="#303033" />
</linearGradient>
<path
d="M320.736 0C215.104 0 129.472 85.632 129.472 191.264s85.632 191.264 191.264 191.264S512 296.897 512 191.264 426.368 0 320.736 0zm0 350.797c-88.108 0-159.533-71.425-159.533-159.533S232.628 31.731 320.736 31.731s159.533 71.426 159.533 159.533-71.427 159.533-159.533 159.533z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="66.583"
x2="102.663"
y1="135.133"
y2="99.053"
gradientTransform="matrix(1.0667 0 0 -1.0667 3.267 557.533)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5b6a6a" />
<stop offset="1" stop-color="#303033" />
</linearGradient>
<path
d="M26.114 506.345 5.655 485.886c-7.54-7.54-7.54-19.766 0-27.307L133.13 331.104l47.765 47.765L53.421 506.345c-7.541 7.54-19.767 7.54-27.307 0z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="131.648"
x2="162.608"
y1="177.397"
y2="208.357"
gradientTransform="matrix(1.0667 0 0 -1.0667 3.267 557.533)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#97aaaa" />
<stop offset="1" stop-color="#e8efee" />
</linearGradient>
<path
d="m150.929 317.161 43.911 43.911c6.961 6.961 6.961 18.247 0 25.209l-2.206 2.206c-6.961 6.961-18.247 6.961-25.209 0l-43.911-43.911c-6.961-6.961-6.961-18.247 0-25.209l2.206-2.206c6.961-6.963 18.247-6.963 25.209 0z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="173.294"
x2="108.914"
y1="219.04"
y2="154.67"
gradientTransform="matrix(1.0667 0 0 -1.0667 3.267 557.533)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#97aaaa" />
<stop offset="1" stop-color="#e8efee" />
</linearGradient>
<path
d="m159.054 325.285 27.661 27.661c5.853 5.853 5.853 15.341 0 21.194l-6.222 6.222c-5.853 5.853-15.341 5.853-21.194 0l-27.661-27.661c-5.853-5.853-5.853-15.341 0-21.194l6.222-6.222c5.853-5.851 15.342-5.851 21.194 0z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="131.647"
x2="162.607"
y1="177.398"
y2="208.357"
gradientTransform="matrix(1.0667 0 0 -1.0667 3.267 557.533)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#97aaaa" />
<stop offset="1" stop-color="#e8efee" />
</linearGradient>
<path
d="m169.223 335.455 7.322 7.322c3.867 3.867 3.867 10.135 0 14.001l-13.413 13.413c-3.867 3.867-10.135 3.867-14.001 0l-7.322-7.322c-3.867-3.867-3.867-10.135 0-14.001l13.413-13.413c3.867-3.867 10.135-3.867 14.001 0z"
fill="url(#g)"
/>
</svg>
More icons in the same style and category