Search Document Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Search Document 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/306457.svg" alt="Search Document icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306457.svg" alt="Search Document icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306457.svg" alt="Search Document icon" :width="24" :height="24" />
CSS background
.icon-search-document {
background-image: url('https://proicons.com/icon/306457.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M868 816c-7-7-8-20-3-29 27-43 43-95 43-149 0-158-129-287-286-287-158 0-287 129-287 287s129 286 287 286c59 0 114-18 159-49 9-6 22-5 29 2l98 98c0 1 1 1 2 2s8 7 15 15l3 3c7 7 19 7 27 0l32-33c8-7 8-19 0-27L868 816zm-73-45c-10 12-20 24-32 33-38 33-87 53-141 53-121 0-219-99-219-219 0-121 98-219 219-219 120 0 219 98 219 219 0 50-18 96-46 133zM513 277v-48c0-5-4-9-9-9H172c-5 0-10 4-10 9v48c0 5 5 10 10 10h332c5 0 9-5 9-10zm-139 74H172c-6 0-10 5-10 10v47c0 5 5 10 10 10h134c19-26 42-48 68-67zM264 488h-92c-5 0-10 4-10 9v46c0 5 5 10 10 10h72c4-23 11-44 20-65zM162 628v47c0 5 4 9 10 9h72c-5-21-7-43-7-66h-65c-6 0-10 4-10 10zM55 863c-5 0-9-4-9-9V48c0-5 4-10 9-10h438c5 0 12 4 15 8 18 20 35 40 53 60 21 24 42 48 62 73 4 3 6 11 6 16v101c13 2 26 6 39 10V10c0-6-4-10-10-10H17c-5 0-9 4-9 10v885c0 5 4 9 9 9h388c-21-11-40-25-57-41H55z"/></svg>
More from IcoFont
View all
Copied!