quick reference icon

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

Name: quick-reference-outline-rounded
Set: Material Symbols
Style: Outline Rounded
Category: UI Actions
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols

quick-reference quick-reference-outline quick-reference-outline-sharp quick-reference-rounded quick-reference-sharp

The same icon in other sets

quick-referenceMaterial Symbols Light

More ui actions icons from Material Symbols

Use the quick reference icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.35 19.85q.15-.15.15-.35v-3q0-.2-.15-.35T17 16t-.35.15t-.15.35v3q0 .2.15.35T17 20t.35-.15M17 15q.2 0 .35-.15t.15-.35t-.15-.35T17 14t-.35.15t-.15.35t.15.35t.35.15M5 4v16zv5zm3 10h2.5q.425 0 .713-.288T11.5 13t-.288-.712T10.5 12H8q-.425 0-.712.288T7 13t.288.713T8 14m0 4h1q.425 0 .713-.288T10 17t-.288-.712T9 16H8q-.425 0-.712.288T7 17t.288.713T8 18m-3 4q-.825 0-1.412-.587T3 20V4q0-.825.588-1.412T5 2h7.175q.4 0 .763.15t.637.425l4.85 4.85q.275.275.425.638t.15.762v.325q0 .425-.288.712T18 10.15t-.712-.288T17 9.15V9h-4q-.425 0-.712-.288T12 8V4H5v16h5.525q.425 0 .713.288t.287.712t-.288.713t-.712.287zm15.538-8.537Q22 14.925 22 17t-1.463 3.538T17 22t-3.537-1.463T12 17t1.463-3.537T17 12t3.538 1.463"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsQuickReferenceOutlineRounded(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="M17.35 19.85q.15-.15.15-.35v-3q0-.2-.15-.35T17 16t-.35.15t-.15.35v3q0 .2.15.35T17 20t.35-.15M17 15q.2 0 .35-.15t.15-.35t-.15-.35T17 14t-.35.15t-.15.35t.15.35t.35.15M5 4v16zv5zm3 10h2.5q.425 0 .713-.288T11.5 13t-.288-.712T10.5 12H8q-.425 0-.712.288T7 13t.288.713T8 14m0 4h1q.425 0 .713-.288T10 17t-.288-.712T9 16H8q-.425 0-.712.288T7 17t.288.713T8 18m-3 4q-.825 0-1.412-.587T3 20V4q0-.825.588-1.412T5 2h7.175q.4 0 .763.15t.637.425l4.85 4.85q.275.275.425.638t.15.762v.325q0 .425-.288.712T18 10.15t-.712-.288T17 9.15V9h-4q-.425 0-.712-.288T12 8V4H5v16h5.525q.425 0 .713.288t.287.712t-.288.713t-.712.287zm15.538-8.537Q22 14.925 22 17t-1.463 3.538T17 22t-3.537-1.463T12 17t1.463-3.537T17 12t3.538 1.463"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.35 19.85q.15-.15.15-.35v-3q0-.2-.15-.35T17 16t-.35.15t-.15.35v3q0 .2.15.35T17 20t.35-.15M17 15q.2 0 .35-.15t.15-.35t-.15-.35T17 14t-.35.15t-.15.35t.15.35t.35.15M5 4v16zv5zm3 10h2.5q.425 0 .713-.288T11.5 13t-.288-.712T10.5 12H8q-.425 0-.712.288T7 13t.288.713T8 14m0 4h1q.425 0 .713-.288T10 17t-.288-.712T9 16H8q-.425 0-.712.288T7 17t.288.713T8 18m-3 4q-.825 0-1.412-.587T3 20V4q0-.825.588-1.412T5 2h7.175q.4 0 .763.15t.637.425l4.85 4.85q.275.275.425.638t.15.762v.325q0 .425-.288.712T18 10.15t-.712-.288T17 9.15V9h-4q-.425 0-.712-.288T12 8V4H5v16h5.525q.425 0 .713.288t.287.712t-.288.713t-.712.287zm15.538-8.537Q22 14.925 22 17t-1.463 3.538T17 22t-3.537-1.463T12 17t1.463-3.537T17 12t3.538 1.463"/></svg>
</template>

CSS

.icon-quick-reference-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%22M17.35%2019.85q.15-.15.15-.35v-3q0-.2-.15-.35T17%2016t-.35.15t-.15.35v3q0%20.2.15.35T17%2020t.35-.15M17%2015q.2%200%20.35-.15t.15-.35t-.15-.35T17%2014t-.35.15t-.15.35t.15.35t.35.15M5%204v16zv5zm3%2010h2.5q.425%200%20.713-.288T11.5%2013t-.288-.712T10.5%2012H8q-.425%200-.712.288T7%2013t.288.713T8%2014m0%204h1q.425%200%20.713-.288T10%2017t-.288-.712T9%2016H8q-.425%200-.712.288T7%2017t.288.713T8%2018m-3%204q-.825%200-1.412-.587T3%2020V4q0-.825.588-1.412T5%202h7.175q.4%200%20.763.15t.637.425l4.85%204.85q.275.275.425.638t.15.762v.325q0%20.425-.288.712T18%2010.15t-.712-.288T17%209.15V9h-4q-.425%200-.712-.288T12%208V4H5v16h5.525q.425%200%20.713.288t.287.712t-.288.713t-.712.287zm15.538-8.537Q22%2014.925%2022%2017t-1.463%203.538T17%2022t-3.537-1.463T12%2017t1.463-3.537T17%2012t3.538%201.463%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%22M17.35%2019.85q.15-.15.15-.35v-3q0-.2-.15-.35T17%2016t-.35.15t-.15.35v3q0%20.2.15.35T17%2020t.35-.15M17%2015q.2%200%20.35-.15t.15-.35t-.15-.35T17%2014t-.35.15t-.15.35t.15.35t.35.15M5%204v16zv5zm3%2010h2.5q.425%200%20.713-.288T11.5%2013t-.288-.712T10.5%2012H8q-.425%200-.712.288T7%2013t.288.713T8%2014m0%204h1q.425%200%20.713-.288T10%2017t-.288-.712T9%2016H8q-.425%200-.712.288T7%2017t.288.713T8%2018m-3%204q-.825%200-1.412-.587T3%2020V4q0-.825.588-1.412T5%202h7.175q.4%200%20.763.15t.637.425l4.85%204.85q.275.275.425.638t.15.762v.325q0%20.425-.288.712T18%2010.15t-.712-.288T17%209.15V9h-4q-.425%200-.712-.288T12%208V4H5v16h5.525q.425%200%20.713.288t.287.712t-.288.713t-.712.287zm15.538-8.537Q22%2014.925%2022%2017t-1.463%203.538T17%2022t-3.537-1.463T12%2017t1.463-3.537T17%2012t3.538%201.463%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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