Add icons to this collection by clicking the heart icon.
Search Bar icon - also known as bar, searching, search, magnifying glass, social media, search engine, navigation bar, search bar, web search engine, and seo and web. Created in a clean flat 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"
>
<g id="analytic">
<rect fill="#ffe600" height="14" rx="1" width="58" x="3" y="3" />
<path
d="m32 3h-28a1 1 0 0 0 -1 1v12a1 1 0 0 0 1 1h28z"
fill="#f2db00"
fill-rule="evenodd"
/>
<path
d="m56 7h-16a1 1 0 0 0 0 2h16a1 1 0 0 0 0-2z"
fill="#0a4b75"
fill-rule="evenodd"
/>
<path
d="m56 11h-16a1 1 0 0 0 0 2h16a1 1 0 0 0 0-2z"
fill="#0a4b75"
fill-rule="evenodd"
/>
<rect fill="#00c6ff" height="42" rx="1" width="58" x="3" y="19" />
<path
d="m32 19h-28a1 1 0 0 0 -1 1v40a1 1 0 0 0 1 1h28z"
fill="#00bcf3"
fill-rule="evenodd"
/>
<rect fill="#d8f5ff" height="10" rx="1" width="14" x="43" y="23" />
<path
d="m50 23h-6a1 1 0 0 0 -1 1v8a1 1 0 0 0 1 1h6z"
fill="#b1dfff"
fill-rule="evenodd"
/>
<rect fill="#d8f5ff" height="10" rx="1" width="14" x="43" y="35" />
<rect fill="#d8f5ff" height="10" rx="1" width="14" x="43" y="47" />
<g fill-rule="evenodd">
<path d="m33 27h7a1 1 0 0 0 0-2h-7a1 1 0 0 0 0 2z" fill="#0a4b75" />
<path
d="m28 31h12a1 1 0 0 0 0-2h-12a1 1 0 0 0 0 2z"
fill="#0a4b75"
/>
<path
d="m12 39h28a1 1 0 0 0 0-2h-28a1 1 0 0 0 0 2z"
fill="#0a4b75"
/>
<path
d="m12 43h28a1 1 0 0 0 0-2h-28a1 1 0 0 0 0 2z"
fill="#0a4b75"
/>
<path
d="m12 51h28a1 1 0 0 0 0-2h-28a1 1 0 0 0 0 2z"
fill="#0a4b75"
/>
<path
d="m12 55h28a1 1 0 0 0 0-2h-28a1 1 0 0 0 0 2z"
fill="#0a4b75"
/>
</g>
<rect
fill="#003f68"
height="5.424"
rx="1"
transform="matrix(.707 -.707 .707 .707 -15.106 16.986)"
width="6.647"
x="9.628"
y="24.016"
/>
<path
d="m5.858 26.016h6.334a1 1 0 0 1 1 1v7.1a1 1 0 0 1 -1 1h-6.333a1 1 0 0 1 -1-1v-7.1a1 1 0 0 1 1-1z"
fill="#0a4b75"
transform="matrix(.707 -.707 .707 .707 -18.97 15.334)"
/>
<circle
cx="21.993"
cy="17.552"
fill="#0a4b75"
r="11.68"
transform="matrix(.707 -.707 .707 .707 -5.97 20.692)"
/>
<circle
cx="21.993"
cy="17.552"
fill="#d8f5ff"
r="8.131"
transform="matrix(.707 -.707 .707 .707 -5.97 20.691)"
/>
<path
d="m50 35h-6a1 1 0 0 0 -1 1v8a1 1 0 0 0 1 1h6z"
fill="#b1dfff"
fill-rule="evenodd"
/>
<path
d="m50 47h-6a1 1 0 0 0 -1 1v8a1 1 0 0 0 1 1h6z"
fill="#b1dfff"
fill-rule="evenodd"
/>
</g>
</svg>
More icons in the same style and category