imagesearch roller icon

imagesearch-roller-outline from Material Symbols Light by Google · Outline · Text · Apache-2.0 Free for personal and commercial use.

Name
imagesearch-roller-outline
Set
Material Symbols Light
Style
Outline
Category
Text
Viewbox
24×24
License
Apache 2.0
Aliases
imagesearch-roller-outline-rounded

3 other variants in Material Symbols Light

The same icon in other sets

More text icons from Material Symbols Light

Use the imagesearch roller icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.73 22h-2.518q-.33 0-.569-.23t-.24-.54v-5.21q0-.31.24-.54t.568-.23h.75v-3.904q0-.25-.201-.423q-.202-.173-.49-.173H4.691q-.71 0-1.2-.472Q3 9.806 3 9.135V6.096q0-.652.491-1.124q.492-.472 1.201-.472h1.231v-.73q0-.31.24-.54T6.73 3h11.461q.33 0 .569.23t.239.54v2.46q0 .31-.24.54q-.239.23-.568.23H6.731q-.329 0-.568-.23t-.24-.54V5.5h-1.23q-.308 0-.5.173Q4 5.846 4 6.096v3.039q0 .269.192.442q.193.173.5.173h6.577q.69 0 1.192.472q.5.472.5 1.124v3.904h.77q.328 0 .558.23t.23.54v5.21q0 .31-.23.54t-.558.23m-2.327-1h2.115v-4.75h-2.115zM6.923 6H18V4H6.923zm4.48 15h2.116zM6.924 6V4z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightImagesearchRollerOutline(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="M13.73 22h-2.518q-.33 0-.569-.23t-.24-.54v-5.21q0-.31.24-.54t.568-.23h.75v-3.904q0-.25-.201-.423q-.202-.173-.49-.173H4.691q-.71 0-1.2-.472Q3 9.806 3 9.135V6.096q0-.652.491-1.124q.492-.472 1.201-.472h1.231v-.73q0-.31.24-.54T6.73 3h11.461q.33 0 .569.23t.239.54v2.46q0 .31-.24.54q-.239.23-.568.23H6.731q-.329 0-.568-.23t-.24-.54V5.5h-1.23q-.308 0-.5.173Q4 5.846 4 6.096v3.039q0 .269.192.442q.193.173.5.173h6.577q.69 0 1.192.472q.5.472.5 1.124v3.904h.77q.328 0 .558.23t.23.54v5.21q0 .31-.23.54t-.558.23m-2.327-1h2.115v-4.75h-2.115zM6.923 6H18V4H6.923zm4.48 15h2.116zM6.924 6V4z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.73 22h-2.518q-.33 0-.569-.23t-.24-.54v-5.21q0-.31.24-.54t.568-.23h.75v-3.904q0-.25-.201-.423q-.202-.173-.49-.173H4.691q-.71 0-1.2-.472Q3 9.806 3 9.135V6.096q0-.652.491-1.124q.492-.472 1.201-.472h1.231v-.73q0-.31.24-.54T6.73 3h11.461q.33 0 .569.23t.239.54v2.46q0 .31-.24.54q-.239.23-.568.23H6.731q-.329 0-.568-.23t-.24-.54V5.5h-1.23q-.308 0-.5.173Q4 5.846 4 6.096v3.039q0 .269.192.442q.193.173.5.173h6.577q.69 0 1.192.472q.5.472.5 1.124v3.904h.77q.328 0 .558.23t.23.54v5.21q0 .31-.23.54t-.558.23m-2.327-1h2.115v-4.75h-2.115zM6.923 6H18V4H6.923zm4.48 15h2.116zM6.924 6V4z"/></svg>
</template>

CSS

.icon-imagesearch-roller-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%22M13.73%2022h-2.518q-.33%200-.569-.23t-.24-.54v-5.21q0-.31.24-.54t.568-.23h.75v-3.904q0-.25-.201-.423q-.202-.173-.49-.173H4.691q-.71%200-1.2-.472Q3%209.806%203%209.135V6.096q0-.652.491-1.124q.492-.472%201.201-.472h1.231v-.73q0-.31.24-.54T6.73%203h11.461q.33%200%20.569.23t.239.54v2.46q0%20.31-.24.54q-.239.23-.568.23H6.731q-.329%200-.568-.23t-.24-.54V5.5h-1.23q-.308%200-.5.173Q4%205.846%204%206.096v3.039q0%20.269.192.442q.193.173.5.173h6.577q.69%200%201.192.472q.5.472.5%201.124v3.904h.77q.328%200%20.558.23t.23.54v5.21q0%20.31-.23.54t-.558.23m-2.327-1h2.115v-4.75h-2.115zM6.923%206H18V4H6.923zm4.48%2015h2.116zM6.924%206V4z%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%22M13.73%2022h-2.518q-.33%200-.569-.23t-.24-.54v-5.21q0-.31.24-.54t.568-.23h.75v-3.904q0-.25-.201-.423q-.202-.173-.49-.173H4.691q-.71%200-1.2-.472Q3%209.806%203%209.135V6.096q0-.652.491-1.124q.492-.472%201.201-.472h1.231v-.73q0-.31.24-.54T6.73%203h11.461q.33%200%20.569.23t.239.54v2.46q0%20.31-.24.54q-.239.23-.568.23H6.731q-.329%200-.568-.23t-.24-.54V5.5h-1.23q-.308%200-.5.173Q4%205.846%204%206.096v3.039q0%20.269.192.442q.193.173.5.173h6.577q.69%200%201.192.472q.5.472.5%201.124v3.904h.77q.328%200%20.558.23t.23.54v5.21q0%20.31-.23.54t-.558.23m-2.327-1h2.115v-4.75h-2.115zM6.923%206H18V4H6.923zm4.48%2015h2.116zM6.924%206V4z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/imagesearch-roller-outline.svg?color=%231a73e8&size=48