image search icon

image-search-outline from Material Design Icons by Pictogrammers · Outline · Apache-2.0 Free for personal and commercial use.

Name
image-search-outline
Set
Material Design Icons
Style
Outline
Viewbox
24×24
License
Apache 2.0

1 other variant in Material Design Icons

image-search

The same icon in other sets

image-searchCarbonimage-search-20-filledFluent UI System Iconsimage-searchMaterial Symbolsimage-searchMaterial Symbols Lightimage-searchTDesign Iconsimage-searchUnicons

Related icons in Material Design Icons

image-albumimage-areaimage-area-closeimage-auto-adjustimage-brokenimage-broken-variantimage-checkimage-editimage-filter-black-whiteimage-filter-center-focusimage-filter-center-focus-strongimage-filter-center-focus-weakimage-filter-dramaimage-filter-framesimage-filter-hdrimage-filter-noneimage-filter-tilt-shiftimage-filter-vintageimage-frameimage-lockimage-markerimage-minusimage-moveimage-multiple

Use the image search icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.5 9c.7 0 1.29-.24 1.77-.73c.49-.48.73-1.07.73-1.77c0-.67-.24-1.27-.73-1.77c-.48-.5-1.07-.73-1.77-.73c-.67 0-1.27.23-1.77.73S13 5.83 13 6.5c0 .7.23 1.29.73 1.77c.5.49 1.1.73 1.77.73m3.81-.09l3.1 3.09L21 13.41l-3.14-3.1c-.78.47-1.58.69-2.39.69c-1.25 0-2.31-.42-3.17-1.3c-.85-.87-1.3-1.93-1.3-3.2c0-1.23.45-2.3 1.33-3.17C13.2 2.45 14.27 2 15.5 2c1.27 0 2.33.45 3.2 1.33c.88.87 1.3 1.94 1.3 3.17c0 .83-.22 1.63-.69 2.41M16.5 18h-11l2.75-3.5l1.97 2.33l2.72-3.52zm1.5-5l2 2v5c0 .55-.19 1-.59 1.4c-.41.39-.88.6-1.41.6H4c-.55 0-1-.21-1.4-.6c-.39-.4-.6-.85-.6-1.4V6c0-.53.21-1 .6-1.41C3 4.19 3.45 4 4 4h5.5c-.3.64-.47 1.31-.5 2H4v14h14z"/></svg>

React

import type { SVGProps } from "react";

export function MdiImageSearchOutline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.5 9c.7 0 1.29-.24 1.77-.73c.49-.48.73-1.07.73-1.77c0-.67-.24-1.27-.73-1.77c-.48-.5-1.07-.73-1.77-.73c-.67 0-1.27.23-1.77.73S13 5.83 13 6.5c0 .7.23 1.29.73 1.77c.5.49 1.1.73 1.77.73m3.81-.09l3.1 3.09L21 13.41l-3.14-3.1c-.78.47-1.58.69-2.39.69c-1.25 0-2.31-.42-3.17-1.3c-.85-.87-1.3-1.93-1.3-3.2c0-1.23.45-2.3 1.33-3.17C13.2 2.45 14.27 2 15.5 2c1.27 0 2.33.45 3.2 1.33c.88.87 1.3 1.94 1.3 3.17c0 .83-.22 1.63-.69 2.41M16.5 18h-11l2.75-3.5l1.97 2.33l2.72-3.52zm1.5-5l2 2v5c0 .55-.19 1-.59 1.4c-.41.39-.88.6-1.41.6H4c-.55 0-1-.21-1.4-.6c-.39-.4-.6-.85-.6-1.4V6c0-.53.21-1 .6-1.41C3 4.19 3.45 4 4 4h5.5c-.3.64-.47 1.31-.5 2H4v14h14z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.5 9c.7 0 1.29-.24 1.77-.73c.49-.48.73-1.07.73-1.77c0-.67-.24-1.27-.73-1.77c-.48-.5-1.07-.73-1.77-.73c-.67 0-1.27.23-1.77.73S13 5.83 13 6.5c0 .7.23 1.29.73 1.77c.5.49 1.1.73 1.77.73m3.81-.09l3.1 3.09L21 13.41l-3.14-3.1c-.78.47-1.58.69-2.39.69c-1.25 0-2.31-.42-3.17-1.3c-.85-.87-1.3-1.93-1.3-3.2c0-1.23.45-2.3 1.33-3.17C13.2 2.45 14.27 2 15.5 2c1.27 0 2.33.45 3.2 1.33c.88.87 1.3 1.94 1.3 3.17c0 .83-.22 1.63-.69 2.41M16.5 18h-11l2.75-3.5l1.97 2.33l2.72-3.52zm1.5-5l2 2v5c0 .55-.19 1-.59 1.4c-.41.39-.88.6-1.41.6H4c-.55 0-1-.21-1.4-.6c-.39-.4-.6-.85-.6-1.4V6c0-.53.21-1 .6-1.41C3 4.19 3.45 4 4 4h5.5c-.3.64-.47 1.31-.5 2H4v14h14z"/></svg>
</template>

CSS

.icon-image-search-outline {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.5%209c.7%200%201.29-.24%201.77-.73c.49-.48.73-1.07.73-1.77c0-.67-.24-1.27-.73-1.77c-.48-.5-1.07-.73-1.77-.73c-.67%200-1.27.23-1.77.73S13%205.83%2013%206.5c0%20.7.23%201.29.73%201.77c.5.49%201.1.73%201.77.73m3.81-.09l3.1%203.09L21%2013.41l-3.14-3.1c-.78.47-1.58.69-2.39.69c-1.25%200-2.31-.42-3.17-1.3c-.85-.87-1.3-1.93-1.3-3.2c0-1.23.45-2.3%201.33-3.17C13.2%202.45%2014.27%202%2015.5%202c1.27%200%202.33.45%203.2%201.33c.88.87%201.3%201.94%201.3%203.17c0%20.83-.22%201.63-.69%202.41M16.5%2018h-11l2.75-3.5l1.97%202.33l2.72-3.52zm1.5-5l2%202v5c0%20.55-.19%201-.59%201.4c-.41.39-.88.6-1.41.6H4c-.55%200-1-.21-1.4-.6c-.39-.4-.6-.85-.6-1.4V6c0-.53.21-1%20.6-1.41C3%204.19%203.45%204%204%204h5.5c-.3.64-.47%201.31-.5%202H4v14h14z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.5%209c.7%200%201.29-.24%201.77-.73c.49-.48.73-1.07.73-1.77c0-.67-.24-1.27-.73-1.77c-.48-.5-1.07-.73-1.77-.73c-.67%200-1.27.23-1.77.73S13%205.83%2013%206.5c0%20.7.23%201.29.73%201.77c.5.49%201.1.73%201.77.73m3.81-.09l3.1%203.09L21%2013.41l-3.14-3.1c-.78.47-1.58.69-2.39.69c-1.25%200-2.31-.42-3.17-1.3c-.85-.87-1.3-1.93-1.3-3.2c0-1.23.45-2.3%201.33-3.17C13.2%202.45%2014.27%202%2015.5%202c1.27%200%202.33.45%203.2%201.33c.88.87%201.3%201.94%201.3%203.17c0%20.83-.22%201.63-.69%202.41M16.5%2018h-11l2.75-3.5l1.97%202.33l2.72-3.52zm1.5-5l2%202v5c0%20.55-.19%201-.59%201.4c-.41.39-.88.6-1.41.6H4c-.55%200-1-.21-1.4-.6c-.39-.4-.6-.85-.6-1.4V6c0-.53.21-1%20.6-1.41C3%204.19%203.45%204%204%204h5.5c-.3.64-.47%201.31-.5%202H4v14h14z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/image-search-outline.svg?color=%231a73e8&size=48