Add icons to this collection by clicking the heart icon.
Search icon - also known as graduation, education, searching, research, mortarboard, search, zoom, and loupe. 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 32 32"
>
<linearGradient
id="a"
x1="19.56"
x2="24"
y1="21.78"
y2="21.78"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1565c0" />
<stop offset="1" stop-color="#1e88e5" />
</linearGradient>
<linearGradient
id="c"
x1="2"
x2="24"
y1="13"
y2="13"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb74d" />
<stop offset="1" stop-color="#ffe0b2" />
</linearGradient>
<linearGradient
id="b"
x1="21.41"
x2="29.71"
y1="25.57"
y2="25.57"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#64b5f6" />
<stop offset="1" stop-color="#bbdefb" />
</linearGradient>
<linearGradient id="d" x1="7" x2="13" y1="19" y2="19" href="#a" />
<linearGradient id="e" x1="17" x2="19" y1="19" y2="19" href="#a" />
<linearGradient id="f" x1="14" x2="16" y1="19" y2="19" href="#a" />
<linearGradient id="g" x1="8" x2="18" y1="13.44" y2="13.44" href="#b" />
<linearGradient id="h" x1="19" x2="21" y1="12" y2="12" href="#a" />
<linearGradient id="i" x1="5" x2="21" y1="10.5" y2="10.5" href="#a" />
<g>
<path
fill="url(#a)"
d="M23 24a1 1 0 0 1-.71-.29l-2.44-2.44a1 1 0 0 1 1.42-1.42l2.44 2.44a1 1 0 0 1 0 1.42A1 1 0 0 1 23 24z"
/>
<circle cx="13" cy="13" r="11" fill="url(#c)" />
<path
fill="#fff"
d="M22 13a9 9 0 0 1-3 6.74 8.62 8.62 0 0 1-1.53 1.08A8.78 8.78 0 0 1 13 22a8.88 8.88 0 0 1-4.11-1A9 9 0 1 1 22 13z"
/>
<path
fill="url(#b)"
d="m28.83 24.59-2.29-2.3a3.09 3.09 0 0 0-4.25 0 3 3 0 0 0 0 4.25l2.3 2.29a3 3 0 1 0 4.24-4.24z"
/>
<path
d="M27.71 29.53a2.85 2.85 0 0 1-1 .18 3 3 0 0 1-2.12-.88l-2.3-2.29a3 3 0 0 1 0-4.25 3.11 3.11 0 0 1 3.13-.69 2.88 2.88 0 0 0-1.13.69 3 3 0 0 0 0 4.25l2.3 2.29a2.94 2.94 0 0 0 1.12.7zM13 20a1 1 0 0 1-1 1H8.89A9 9 0 0 1 7 19.74 1 1 0 0 1 8 19h4a1 1 0 0 1 1 1zM19 19.74a8.62 8.62 0 0 1-1.53 1.08A1 1 0 1 1 19 19.74z"
opacity=".1"
/>
<circle cx="15" cy="20" r="1" opacity=".1" />
<path fill="url(#d)" d="M12 20H8a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<circle cx="18" cy="19" r="1" fill="url(#e)" />
<circle cx="15" cy="19" r="1" fill="url(#f)" />
<path
fill="url(#g)"
d="M17.57 10.32a1 1 0 0 0-.92-.11L13 11.59l-3.65-1.38a1 1 0 0 0-1.35.93V15c0 1.2 1.52 1.45 2.09 1.55a18.52 18.52 0 0 0 2.91.2c4.41 0 5-.88 5-1.75v-3.86a1 1 0 0 0-.43-.82z"
/>
<path
d="M18 14v1c0 .87-.59 1.75-5 1.75a18.52 18.52 0 0 1-2.91-.2C9.52 16.45 8 16.2 8 15v-1c0 1.2 1.52 1.45 2.09 1.55a18.52 18.52 0 0 0 2.91.2c4.41 0 5-.88 5-1.75z"
opacity=".1"
/>
<path
fill="url(#h)"
d="M20 15a1 1 0 0 1-1-1v-4a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1z"
/>
<path
fill="url(#i)"
d="m20.23 9-7-1.66a.9.9 0 0 0-.46 0L5.77 9a1 1 0 0 0-.77.94 1 1 0 0 0 .64 1l7 2.66a.91.91 0 0 0 .7 0l7-2.66a1 1 0 0 0 .64-1 1 1 0 0 0-.75-.94z"
/>
<path
d="M21 9.94a1 1 0 0 1-.64 1l-7 2.66a.91.91 0 0 1-.7 0l-7-2.66a1 1 0 0 1-.64-1 1.07 1.07 0 0 1 .13-.44 1 1 0 0 0 .51.43l7 2.66a.91.91 0 0 0 .7 0l7-2.66a1 1 0 0 0 .51-.43 1.07 1.07 0 0 1 .13.44z"
opacity=".1"
/>
</g>
</svg>
More icons in the same style and category