quick-phrases-rounded from Material Symbols Light by Google · Rounded · Android · Apache-2.0 Free for personal and commercial use.

Name
quick-phrases-rounded
Set
Material Symbols Light
Style
Rounded
Category
Android
Viewbox
24×24
License
Apache 2.0
Aliases
quick-phrases-outline-rounded

1 other variant in Material Symbols Light

The same icon in other sets

More android icons from Material Symbols Light

Use the quick phrases icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.808 18.985q-.304 0-.556-.22T9 18.17v-2.177h-.173q-2.39-.046-4.109-1.607T3 10.5q0-2.302 1.599-3.891q1.599-1.59 3.901-1.59h2.04L8.795 3.273q-.14-.14-.15-.341t.156-.367q.16-.16.354-.16t.354.16l2.388 2.389q.131.13.184.267t.053.298t-.053.298t-.184.267l-2.389 2.39q-.14.14-.342.153q-.2.013-.366-.153q-.16-.16-.16-.354t.16-.354l1.74-1.746H8.5q-1.875 0-3.187 1.303Q4 8.625 4 10.5q0 1.933 1.476 3.216T8.942 15H10v2.694L12.675 15H15.5q1.875 0 3.197-1.312t1.322-3.188t-1.322-3.187T15.5 6q-.213 0-.357-.143T15 5.5t.143-.357T15.5 5q2.302 0 3.91 1.599q1.61 1.599 1.61 3.901t-1.61 3.901T15.5 16h-2.384l-2.743 2.742q-.13.131-.277.187q-.146.056-.288.056"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightQuickPhrasesRounded(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.808 18.985q-.304 0-.556-.22T9 18.17v-2.177h-.173q-2.39-.046-4.109-1.607T3 10.5q0-2.302 1.599-3.891q1.599-1.59 3.901-1.59h2.04L8.795 3.273q-.14-.14-.15-.341t.156-.367q.16-.16.354-.16t.354.16l2.388 2.389q.131.13.184.267t.053.298t-.053.298t-.184.267l-2.389 2.39q-.14.14-.342.153q-.2.013-.366-.153q-.16-.16-.16-.354t.16-.354l1.74-1.746H8.5q-1.875 0-3.187 1.303Q4 8.625 4 10.5q0 1.933 1.476 3.216T8.942 15H10v2.694L12.675 15H15.5q1.875 0 3.197-1.312t1.322-3.188t-1.322-3.187T15.5 6q-.213 0-.357-.143T15 5.5t.143-.357T15.5 5q2.302 0 3.91 1.599q1.61 1.599 1.61 3.901t-1.61 3.901T15.5 16h-2.384l-2.743 2.742q-.13.131-.277.187q-.146.056-.288.056"/></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.808 18.985q-.304 0-.556-.22T9 18.17v-2.177h-.173q-2.39-.046-4.109-1.607T3 10.5q0-2.302 1.599-3.891q1.599-1.59 3.901-1.59h2.04L8.795 3.273q-.14-.14-.15-.341t.156-.367q.16-.16.354-.16t.354.16l2.388 2.389q.131.13.184.267t.053.298t-.053.298t-.184.267l-2.389 2.39q-.14.14-.342.153q-.2.013-.366-.153q-.16-.16-.16-.354t.16-.354l1.74-1.746H8.5q-1.875 0-3.187 1.303Q4 8.625 4 10.5q0 1.933 1.476 3.216T8.942 15H10v2.694L12.675 15H15.5q1.875 0 3.197-1.312t1.322-3.188t-1.322-3.187T15.5 6q-.213 0-.357-.143T15 5.5t.143-.357T15.5 5q2.302 0 3.91 1.599q1.61 1.599 1.61 3.901t-1.61 3.901T15.5 16h-2.384l-2.743 2.742q-.13.131-.277.187q-.146.056-.288.056"/></svg>
</template>

CSS

.icon-quick-phrases-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.808%2018.985q-.304%200-.556-.22T9%2018.17v-2.177h-.173q-2.39-.046-4.109-1.607T3%2010.5q0-2.302%201.599-3.891q1.599-1.59%203.901-1.59h2.04L8.795%203.273q-.14-.14-.15-.341t.156-.367q.16-.16.354-.16t.354.16l2.388%202.389q.131.13.184.267t.053.298t-.053.298t-.184.267l-2.389%202.39q-.14.14-.342.153q-.2.013-.366-.153q-.16-.16-.16-.354t.16-.354l1.74-1.746H8.5q-1.875%200-3.187%201.303Q4%208.625%204%2010.5q0%201.933%201.476%203.216T8.942%2015H10v2.694L12.675%2015H15.5q1.875%200%203.197-1.312t1.322-3.188t-1.322-3.187T15.5%206q-.213%200-.357-.143T15%205.5t.143-.357T15.5%205q2.302%200%203.91%201.599q1.61%201.599%201.61%203.901t-1.61%203.901T15.5%2016h-2.384l-2.743%202.742q-.13.131-.277.187q-.146.056-.288.056%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.808%2018.985q-.304%200-.556-.22T9%2018.17v-2.177h-.173q-2.39-.046-4.109-1.607T3%2010.5q0-2.302%201.599-3.891q1.599-1.59%203.901-1.59h2.04L8.795%203.273q-.14-.14-.15-.341t.156-.367q.16-.16.354-.16t.354.16l2.388%202.389q.131.13.184.267t.053.298t-.053.298t-.184.267l-2.389%202.39q-.14.14-.342.153q-.2.013-.366-.153q-.16-.16-.16-.354t.16-.354l1.74-1.746H8.5q-1.875%200-3.187%201.303Q4%208.625%204%2010.5q0%201.933%201.476%203.216T8.942%2015H10v2.694L12.675%2015H15.5q1.875%200%203.197-1.312t1.322-3.188t-1.322-3.187T15.5%206q-.213%200-.357-.143T15%205.5t.143-.357T15.5%205q2.302%200%203.91%201.599q1.61%201.599%201.61%203.901t-1.61%203.901T15.5%2016h-2.384l-2.743%202.742q-.13.131-.277.187q-.146.056-.288.056%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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