Search Property Icon SVG
Search Property
Search property SVG Icon Code | Customize color
You can get svg icon search property in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 8V6.20711L6.5 4.70711L8 6.20711V8H5Z" fill="black"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 6.5C0 2.91015 2.91015 0 6.5 0C10.0899 0 13 2.91015 13 6.5C13 8.11493 12.4111 9.59231 11.4362 10.7291L14.8536 14.1464L14.1465 14.8535L10.7291 11.4362C9.59237 12.411 8.11496 13 6.5 13C2.91015 13 0 10.0899 0 6.5ZM8.85355 5.64645L6.85355 3.64645C6.65829 3.45118 6.34171 3.45118 6.14645 3.64645L4.14645 5.64645C4.05268 5.74021 4 5.86739 4 6V8.5C4 8.77614 4.22386 9 4.5 9H8.5C8.77614 9 9 8.77614 9 8.5V6C9 5.86739 8.94732 5.74021 8.85355 5.64645Z" fill="black"/> </svg> Svg Code
<svg style="color: white" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 8V6.20711L6.5 4.70711L8 6.20711V8H5Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 6.5C0 2.91015 2.91015 0 6.5 0C10.0899 0 13 2.91015 13 6.5C13 8.11493 12.4111 9.59231 11.4362 10.7291L14.8536 14.1464L14.1465 14.8535L10.7291 11.4362C9.59237 12.411 8.11496 13 6.5 13C2.91015 13 0 10.0899 0 6.5ZM8.85355 5.64645L6.85355 3.64645C6.65829 3.45118 6.34171 3.45118 6.14645 3.64645L4.14645 5.64645C4.05268 5.74021 4 5.86739 4 6V8.5C4 8.77614 4.22386 9 4.5 9H8.5C8.77614 9 9 8.77614 9 8.5V6C9 5.86739 8.94732 5.74021 8.85355 5.64645Z" fill="white"></path> </svg> Svg Code
<svg style="color: red" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 8V6.20711L6.5 4.70711L8 6.20711V8H5Z" fill="red"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 6.5C0 2.91015 2.91015 0 6.5 0C10.0899 0 13 2.91015 13 6.5C13 8.11493 12.4111 9.59231 11.4362 10.7291L14.8536 14.1464L14.1465 14.8535L10.7291 11.4362C9.59237 12.411 8.11496 13 6.5 13C2.91015 13 0 10.0899 0 6.5ZM8.85355 5.64645L6.85355 3.64645C6.65829 3.45118 6.34171 3.45118 6.14645 3.64645L4.14645 5.64645C4.05268 5.74021 4 5.86739 4 6V8.5C4 8.77614 4.22386 9 4.5 9H8.5C8.77614 9 9 8.77614 9 8.5V6C9 5.86739 8.94732 5.74021 8.85355 5.64645Z" fill="red"></path> </svg> Svg Code
<svg style="color: blue" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 8V6.20711L6.5 4.70711L8 6.20711V8H5Z" fill="blue"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 6.5C0 2.91015 2.91015 0 6.5 0C10.0899 0 13 2.91015 13 6.5C13 8.11493 12.4111 9.59231 11.4362 10.7291L14.8536 14.1464L14.1465 14.8535L10.7291 11.4362C9.59237 12.411 8.11496 13 6.5 13C2.91015 13 0 10.0899 0 6.5ZM8.85355 5.64645L6.85355 3.64645C6.65829 3.45118 6.34171 3.45118 6.14645 3.64645L4.14645 5.64645C4.05268 5.74021 4 5.86739 4 6V8.5C4 8.77614 4.22386 9 4.5 9H8.5C8.77614 9 9 8.77614 9 8.5V6C9 5.86739 8.94732 5.74021 8.85355 5.64645Z" fill="blue"></path> </svg> Svg Code
<svg style="color: #f3da35" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 8V6.20711L6.5 4.70711L8 6.20711V8H5Z" fill="#f3da35"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 6.5C0 2.91015 2.91015 0 6.5 0C10.0899 0 13 2.91015 13 6.5C13 8.11493 12.4111 9.59231 11.4362 10.7291L14.8536 14.1464L14.1465 14.8535L10.7291 11.4362C9.59237 12.411 8.11496 13 6.5 13C2.91015 13 0 10.0899 0 6.5ZM8.85355 5.64645L6.85355 3.64645C6.65829 3.45118 6.34171 3.45118 6.14645 3.64645L4.14645 5.64645C4.05268 5.74021 4 5.86739 4 6V8.5C4 8.77614 4.22386 9 4.5 9H8.5C8.77614 9 9 8.77614 9 8.5V6C9 5.86739 8.94732 5.74021 8.85355 5.64645Z" fill="#f3da35"></path> </svg> Advance Editor
You can edit search property as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements