Add icons to this collection by clicking the heart icon.
Search icon - also known as search, magnifying glass, ui, navigation bar, search bar, and seo and web. Created in a clean flat gradient style with a white finish, 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="17.151"
x2="46.849"
y1="17.151"
y2="46.849"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fad0c4" />
<stop offset="1" stop-color="#ff9a9e" />
</linearGradient>
<linearGradient
id="b"
x1="32"
x2="32"
y1="53"
y2="11"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff67b0" />
<stop offset="1" stop-color="#fed6e3" stop-opacity=".1" />
</linearGradient>
<linearGradient
id="c"
x1="17.151"
x2="46.849"
y1="17.151"
y2="46.849"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffecd2" stop-opacity=".4" />
<stop offset="1" stop-color="#fcb69f" stop-opacity=".4" />
</linearGradient>
<linearGradient
id="d"
x1="32"
x2="32"
y1="11"
y2="32"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffecd2" stop-opacity=".7" />
<stop offset="1" stop-color="#fcb69f" stop-opacity="0" />
</linearGradient>
<linearGradient
id="e"
x1="-700"
x2="-700"
y1="-273"
y2="-252"
gradientTransform="rotate(180 -334 -110)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c3679e" stop-opacity=".4" />
<stop offset="1" stop-color="#fcb69f" stop-opacity="0" />
</linearGradient>
<circle cx="32" cy="32" r="21" fill="url(#a)" />
<circle cx="32" cy="32" r="21" fill="url(#b)" />
<circle cx="32" cy="32" r="21" fill="url(#c)" />
<path fill="url(#d)" d="M11 32a21 21 0 0 1 42 0z" />
<path fill="url(#e)" d="M53 32a21 21 0 0 1-42 0z" />
<g fill="#fff">
<path
d="M30.842 40.685a9.842 9.842 0 1 1 9.843-9.843 9.853 9.853 0 0 1-9.843 9.843zm0-17.685a7.842 7.842 0 1 0 7.843 7.842A7.85 7.85 0 0 0 30.842 23z"
/>
<path
d="M42 43a.997.997 0 0 1-.707-.293l-4.842-4.842a1 1 0 0 1 1.414-1.414l4.842 4.842A1 1 0 0 1 42 43z"
/>
</g>
</svg>
More icons in the same style and category