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/310308.svg" alt="Search icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310308.svg" alt="Search icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310308.svg" alt="Search icon" :width="24" :height="24" />
CSS background
.icon-search {
background-image: url('https://proicons.com/icon/310308.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="M21.7804 21.7897C21.6344 21.9208 21.4463 21.9953 21.2501 21.9996C21.0536 21.9971 20.8648 21.9224 20.7198 21.7897L16.4472 17.5096C16.2007 17.7236 15.9399 17.9208 15.6668 18.0997C14.2202 19.0622 12.5217 19.577 10.7839 19.5797C9.62648 19.5826 8.48014 19.3548 7.41188 18.9097C6.34514 18.4717 5.37844 17.8218 4.57024 16.9996C3.23751 15.6652 2.36946 13.9379 2.09416 12.0727C1.81887 10.2075 2.15093 8.30322 3.04138 6.64105C3.93183 4.97889 5.33349 3.64694 7.03935 2.8418C8.7452 2.03666 10.6648 1.80102 12.5149 2.16968C13.7927 2.42182 14.9984 2.95476 16.0448 3.72992C17.0911 4.50508 17.9519 5.50306 18.5648 6.65161C19.1778 7.80017 19.5276 9.07053 19.5888 10.3708C19.65 11.6711 19.421 12.9687 18.9187 14.1697C18.5763 15.0025 18.1034 15.7755 17.5178 16.4597L21.7904 20.7397C21.9265 20.8812 22.0018 21.0704 22 21.2667C21.9981 21.463 21.9192 21.6508 21.7804 21.7897Z" fill="black"/> </svg>
More from Mage Icons
View all
Copied!