Find In Page SVG icon, line

Find In Page SVG icon, line

A magnifying glass overlaps a document marked with two short lines. Use it for searching a long article or finding text in a PDF viewer.

Similar SVGs

More from Files and folders icons, line · Set 2

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/rQTiCMMTsenD/amnt.svg" alt="Find In Page" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="white" data-name="White"><path d="M289 342c13-3 31 0 45 0 40 0 81 0 122 0 27 0 56 0 84 0 7 0 17-1 24 2 15 6 12 30-4 34-12 3-29 0-42 0-42 0-83 0-124 0-28 0-57 0-84 0-7 0-15 1-21 0-18-5-18-32 0-36zm303-67l-24-1c-15 1-31-12-37-26-7-18-3-97-3-121-43 0-261-5-284 3-43 15-31 78-31 114 0 48 0 96 0 145 0 66 0 132 0 199 0 28-4 60 1 88 3 16 14 29 30 35 18 6 188 2 222 2-46-63-37-154 10-213 36-47 95-74 154-70 16 1 31 7 47 10v-165h-17-11-42-10zM325 460l-35-1c-18-2-27-36 14-36 26 0 54 0 81 0 26 0 54 0 81 0 42 0 31 34 14 36l-44 1h-13-8-1-47-5-19z" fill="#fcfcfc" stroke="#fcfcfc"/></g><g id="navy" data-name="Navy"><path d="M764 700c7-15 14-29 19-45 18-64 0-135-49-180-25-23-30-11-30-47 0-26 0-52 0-77 0-20 4-86-2-101-4-10-17-19-25-26-25-26-50-52-76-77-12-10-42-45-55-48-15-3-35 0-50 0-58 0-115 0-172 0-25 0-54-4-78 1-14 3-27 10-37 20-12 11-20 25-23 41-4 25-1 52-1 78 0 55 0 109 0 165 0 61 0 122 0 184 0 28-3 58 0 86 1 10 4 20 9 28 9 18 26 31 46 37 25 6 66 2 94 2 41 0 84 2 126 0 8 0 22-2 30 1 7 3 13 11 19 15 18 13 40 22 61 27 45 10 86 0 127-19 23 23 119 128 140 135 17 7 35 2 48-10 14-15 18-37 9-55-6-13-19-23-29-32-23-23-45-46-68-68-11-12-24-22-33-35zM614 445c33 0 65 10 93 28 130 87 57 298-95 299-169 1-218-220-78-303 24-14 52-23 80-24zM754 713l25 24c-15 15-31 28-44 45l-25-26c13-6 37-30 44-43zM588 247l-19-1c-6-1-10-5-12-10-5-13-2-80-2-98l108 108c-24 4-51 1-75 1zm-20 27l24 1h5 10 42 11 17v165c-16-3-31-9-47-10-59-4-118 23-154 70-47 59-56 150-10 213-34 0-204 4-222-2-16-6-27-19-30-35-5-28-1-60-1-88 0-67 0-133 0-199 0-49 0-97 0-145 0-36-12-99 31-114 23-8 241-3 284-3 0 24-4 103 3 121 6 14 22 27 37 26z" fill="#022453" stroke="#022453"/><path d="M610 486c-157 11-157 251 7 245 113-4 161-158 67-224-21-15-48-22-74-21zM508 618v-13c0-17 7-34 15-48 53-92 197-61 195 50-2 105-143 153-197 57-8-14-14-30-13-46z" fill="#022453" stroke="#022453"/><path d="M289 342c-18 4-18 31 0 36 6 1 14 0 21 0 27 0 56 0 84 0 41 0 82 0 124 0 13 0 30 3 42 0 16-4 19-28 4-34-7-3-17-2-24-2-28 0-57 0-84 0-41 0-82 0-122 0-14 0-32-3-45 0z" fill="#022453" stroke="#022453"/><path d="M290 459l35 1h18 19 5 47 1 8 13l44-1c17-2 28-36-14-36-27 0-55 0-81 0-27 0-55 0-81 0-41 0-32 34-14 36z" fill="#022453" stroke="#022453"/></g><g id="blue" data-name="Blue"><path d="M614 445c-28 1-56 10-80 24-140 83-91 304 78 303 152-1 225-212 95-299-28-18-60-28-93-28zm-4 41c26-1 53 6 74 21 94 66 46 220-67 224-164 6-164-234-7-245z" fill="#0174fc" stroke="#0174fc"/><path d="M754 713c-7 13-31 37-44 43l25 26c13-17 29-30 44-45z" fill="#0174fc" stroke="#0174fc"/><path d="M367 460h47z" fill="#0174fc" stroke="#0174fc"/><path d="M436 460l44-1z" fill="#0174fc" stroke="#0174fc"/><path d="M325 460l-35-1z" fill="#0174fc" stroke="#0174fc"/><path d="M592 275l-24-1z" fill="#0174fc" stroke="#0174fc"/><path d="M588 247l-19-1z" fill="#0174fc" stroke="#0174fc"/><path d="M343 460h19z" fill="#0174fc" stroke="#0174fc"/><path d="M508 618v-13z" fill="#0174fc" stroke="#0174fc"/><path d="M649 275h11z" fill="#0174fc" stroke="#0174fc"/><path d="M597 275h10z" fill="#0174fc" stroke="#0174fc"/><path d="M415 460h8z" fill="#0174fc" stroke="#0174fc"/></g><g id="baby-blue" data-name="Baby Blue"><path d="M508 605v13c-1 16 5 32 13 46 54 96 195 48 197-57 2-111-142-142-195-50-8 14-15 31-15 48z" fill="#cce3fc" stroke="#cce3fc"/><path d="M569 246l19 1c24 0 51 3 75-1l-108-108c0 18-3 85 2 98 2 5 6 9 12 10z" fill="#cce3fc" stroke="#cce3fc"/></g></svg>
CSS background-image
.find-in-page {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/rQTiCMMTsenD/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.find-in-page {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/rQTiCMMTsenD/amnt.svg") center / contain no-repeat;
}
React
import FindInPageSvg from "./find-in-page.jsx"; // from the React tab above

<FindInPageSvg width={48} height={48} />

Tags

Made with AMNT

AMNT Draw 1.2 drew this from the words Find In Page: Document with two short lines, overlapped by a magnifying glass. A flat colour icon. as part of the pack Files and folders icons, line · Set 2. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings