Search Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Search icon is commonly used in search bars, toolbars and input fields. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/310951.svg" alt="Search icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310951.svg" alt="Search icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310951.svg" alt="Search icon" :width="24" :height="24" />
CSS background
.icon-search {
background-image: url('https://proicons.com/icon/310951.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.7828 18.8276C12.3741 18.8298 13.9302 18.3601 15.2544 17.4781C16.5785 16.596 17.6112 15.3413 18.2216 13.8726C18.832 12.4039 18.9929 10.7872 18.6837 9.2271C18.3746 7.66702 17.6093 6.23364 16.4849 5.10831C15.3604 3.98299 13.9272 3.2163 12.3666 2.90525C10.8061 2.5942 9.18823 2.75277 7.71786 3.3609C6.24748 3.96902 4.99062 4.99937 4.10632 6.32158C3.22202 7.64379 2.75 9.19844 2.75 10.7888C2.75 12.919 3.59596 14.9621 5.10209 16.4693C6.60821 17.9766 8.65135 18.8248 10.7828 18.8276Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.4883 16.491L21.25 21.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Copied!