browse gallery icon

browse-gallery-outline-rounded from Material Symbols Light by Google · Outline Rounded · UI Actions · Apache-2.0 Free for personal and commercial use.

Name
browse-gallery-outline-rounded
Set
Material Symbols Light
Style
Outline Rounded
Category
UI Actions
Viewbox
24×24
License
Apache 2.0

3 other variants in Material Symbols Light

browse-gallerybrowse-gallery-outlinebrowse-gallery-rounded

The same icon in other sets

browse-galleryMaterial Symbolsbrowse-galleryTDesign Icons

More ui actions icons from Material Symbols Light

123abcaccessible-menuaction-keyacuteaddadd-2add-boxadd-circleadd-taskall-matchamendapp-badgingapp-registrationappsapps-outagearrow-and-edgearrow-backarrow-back-2arrow-back-iosarrow-back-ios-newarrow-circle-downarrow-circle-leftarrow-circle-right

Use the browse gallery icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.5 11.812V8q0-.213-.143-.357T9 7.5t-.357.143T8.5 8v3.86q0 .161.056.3q.056.14.186.27l2.723 2.724q.14.14.345.13q.203-.009.344-.15t.14-.343q0-.204-.14-.345zM22 12q0-1.916-.943-3.52t-2.591-2.536q-.197-.11-.264-.307q-.067-.198.012-.4q.084-.208.302-.256t.413.061q1.873 1.09 2.972 2.933T23 12t-1.099 4.025t-2.953 2.933q-.196.128-.413.07q-.218-.057-.321-.264q-.098-.202-.022-.4t.274-.308q1.648-.931 2.59-2.536T22 12M5.882 19.374q-1.455-.626-2.542-1.713t-1.714-2.543T1 12t.626-3.118T3.34 6.34t2.542-1.714T9 4t3.118.626T14.66 6.34t1.714 2.542T17 12t-.626 3.118t-1.714 2.542t-2.542 1.714T9 20t-3.118-.626M9 19q2.925 0 4.963-2.037T16 12t-2.037-4.962T9 5T4.038 7.038T2 12t2.038 4.963T9 19m0-7"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightBrowseGalleryOutlineRounded(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="M9.5 11.812V8q0-.213-.143-.357T9 7.5t-.357.143T8.5 8v3.86q0 .161.056.3q.056.14.186.27l2.723 2.724q.14.14.345.13q.203-.009.344-.15t.14-.343q0-.204-.14-.345zM22 12q0-1.916-.943-3.52t-2.591-2.536q-.197-.11-.264-.307q-.067-.198.012-.4q.084-.208.302-.256t.413.061q1.873 1.09 2.972 2.933T23 12t-1.099 4.025t-2.953 2.933q-.196.128-.413.07q-.218-.057-.321-.264q-.098-.202-.022-.4t.274-.308q1.648-.931 2.59-2.536T22 12M5.882 19.374q-1.455-.626-2.542-1.713t-1.714-2.543T1 12t.626-3.118T3.34 6.34t2.542-1.714T9 4t3.118.626T14.66 6.34t1.714 2.542T17 12t-.626 3.118t-1.714 2.542t-2.542 1.714T9 20t-3.118-.626M9 19q2.925 0 4.963-2.037T16 12t-2.037-4.962T9 5T4.038 7.038T2 12t2.038 4.963T9 19m0-7"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.5 11.812V8q0-.213-.143-.357T9 7.5t-.357.143T8.5 8v3.86q0 .161.056.3q.056.14.186.27l2.723 2.724q.14.14.345.13q.203-.009.344-.15t.14-.343q0-.204-.14-.345zM22 12q0-1.916-.943-3.52t-2.591-2.536q-.197-.11-.264-.307q-.067-.198.012-.4q.084-.208.302-.256t.413.061q1.873 1.09 2.972 2.933T23 12t-1.099 4.025t-2.953 2.933q-.196.128-.413.07q-.218-.057-.321-.264q-.098-.202-.022-.4t.274-.308q1.648-.931 2.59-2.536T22 12M5.882 19.374q-1.455-.626-2.542-1.713t-1.714-2.543T1 12t.626-3.118T3.34 6.34t2.542-1.714T9 4t3.118.626T14.66 6.34t1.714 2.542T17 12t-.626 3.118t-1.714 2.542t-2.542 1.714T9 20t-3.118-.626M9 19q2.925 0 4.963-2.037T16 12t-2.037-4.962T9 5T4.038 7.038T2 12t2.038 4.963T9 19m0-7"/></svg>
</template>

CSS

.icon-browse-gallery-outline-rounded {
  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%22M9.5%2011.812V8q0-.213-.143-.357T9%207.5t-.357.143T8.5%208v3.86q0%20.161.056.3q.056.14.186.27l2.723%202.724q.14.14.345.13q.203-.009.344-.15t.14-.343q0-.204-.14-.345zM22%2012q0-1.916-.943-3.52t-2.591-2.536q-.197-.11-.264-.307q-.067-.198.012-.4q.084-.208.302-.256t.413.061q1.873%201.09%202.972%202.933T23%2012t-1.099%204.025t-2.953%202.933q-.196.128-.413.07q-.218-.057-.321-.264q-.098-.202-.022-.4t.274-.308q1.648-.931%202.59-2.536T22%2012M5.882%2019.374q-1.455-.626-2.542-1.713t-1.714-2.543T1%2012t.626-3.118T3.34%206.34t2.542-1.714T9%204t3.118.626T14.66%206.34t1.714%202.542T17%2012t-.626%203.118t-1.714%202.542t-2.542%201.714T9%2020t-3.118-.626M9%2019q2.925%200%204.963-2.037T16%2012t-2.037-4.962T9%205T4.038%207.038T2%2012t2.038%204.963T9%2019m0-7%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%22M9.5%2011.812V8q0-.213-.143-.357T9%207.5t-.357.143T8.5%208v3.86q0%20.161.056.3q.056.14.186.27l2.723%202.724q.14.14.345.13q.203-.009.344-.15t.14-.343q0-.204-.14-.345zM22%2012q0-1.916-.943-3.52t-2.591-2.536q-.197-.11-.264-.307q-.067-.198.012-.4q.084-.208.302-.256t.413.061q1.873%201.09%202.972%202.933T23%2012t-1.099%204.025t-2.953%202.933q-.196.128-.413.07q-.218-.057-.321-.264q-.098-.202-.022-.4t.274-.308q1.648-.931%202.59-2.536T22%2012M5.882%2019.374q-1.455-.626-2.542-1.713t-1.714-2.543T1%2012t.626-3.118T3.34%206.34t2.542-1.714T9%204t3.118.626T14.66%206.34t1.714%202.542T17%2012t-.626%203.118t-1.714%202.542t-2.542%201.714T9%2020t-3.118-.626M9%2019q2.925%200%204.963-2.037T16%2012t-2.037-4.962T9%205T4.038%207.038T2%2012t2.038%204.963T9%2019m0-7%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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