quick reference icon

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

Name: quick-reference-rounded
Set: Material Symbols
Style: 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-rounded quick-reference-outline-sharp 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.15m-3.537 5.538Q12 19.075 12 17t1.463-3.537T17 12t3.538 1.463T22 17t-1.463 3.538T17 22t-3.537-1.463M13 9h4l-5-5l5 5l-5-5v4q0 .425.288.713T13 9M5 22q-.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-.337.7t-.788.2q-.2-.025-.425-.038T17 10q-1.425 0-2.687.537T12.1 12H8q-.425 0-.712.288T7 13t.288.713T8 14h2.675q-.225.475-.375.975T10.075 16H8q-.425 0-.712.288T7 17t.288.713T8 18h2.075q.125.725.375 1.413t.65 1.312q.275.425.063.85T10.5 22z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsQuickReferenceRounded(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.15m-3.537 5.538Q12 19.075 12 17t1.463-3.537T17 12t3.538 1.463T22 17t-1.463 3.538T17 22t-3.537-1.463M13 9h4l-5-5l5 5l-5-5v4q0 .425.288.713T13 9M5 22q-.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-.337.7t-.788.2q-.2-.025-.425-.038T17 10q-1.425 0-2.687.537T12.1 12H8q-.425 0-.712.288T7 13t.288.713T8 14h2.675q-.225.475-.375.975T10.075 16H8q-.425 0-.712.288T7 17t.288.713T8 18h2.075q.125.725.375 1.413t.65 1.312q.275.425.063.85T10.5 22z"/></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.15m-3.537 5.538Q12 19.075 12 17t1.463-3.537T17 12t3.538 1.463T22 17t-1.463 3.538T17 22t-3.537-1.463M13 9h4l-5-5l5 5l-5-5v4q0 .425.288.713T13 9M5 22q-.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-.337.7t-.788.2q-.2-.025-.425-.038T17 10q-1.425 0-2.687.537T12.1 12H8q-.425 0-.712.288T7 13t.288.713T8 14h2.675q-.225.475-.375.975T10.075 16H8q-.425 0-.712.288T7 17t.288.713T8 18h2.075q.125.725.375 1.413t.65 1.312q.275.425.063.85T10.5 22z"/></svg>
</template>

CSS

.icon-quick-reference-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.15m-3.537%205.538Q12%2019.075%2012%2017t1.463-3.537T17%2012t3.538%201.463T22%2017t-1.463%203.538T17%2022t-3.537-1.463M13%209h4l-5-5l5%205l-5-5v4q0%20.425.288.713T13%209M5%2022q-.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-.337.7t-.788.2q-.2-.025-.425-.038T17%2010q-1.425%200-2.687.537T12.1%2012H8q-.425%200-.712.288T7%2013t.288.713T8%2014h2.675q-.225.475-.375.975T10.075%2016H8q-.425%200-.712.288T7%2017t.288.713T8%2018h2.075q.125.725.375%201.413t.65%201.312q.275.425.063.85T10.5%2022z%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.15m-3.537%205.538Q12%2019.075%2012%2017t1.463-3.537T17%2012t3.538%201.463T22%2017t-1.463%203.538T17%2022t-3.537-1.463M13%209h4l-5-5l5%205l-5-5v4q0%20.425.288.713T13%209M5%2022q-.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-.337.7t-.788.2q-.2-.025-.425-.038T17%2010q-1.425%200-2.687.537T12.1%2012H8q-.425%200-.712.288T7%2013t.288.713T8%2014h2.675q-.225.475-.375.975T10.075%2016H8q-.425%200-.712.288T7%2017t.288.713T8%2018h2.075q.125.725.375%201.413t.65%201.312q.275.425.063.85T10.5%2022z%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-rounded.svg?color=%231a73e8&size=48