chat apps script icon

chat-apps-script-outline from Material Symbols Light by Google · Outline · Communicate · Apache-2.0 Free for personal and commercial use.

Name: chat-apps-script-outline
Set: Material Symbols Light
Style: Outline
Category: Communicate
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols Light

chat-apps-script chat-apps-script-outline-rounded chat-apps-script-outline-sharp chat-apps-script-rounded chat-apps-script-sharp

The same icon in other sets

chat-apps-scriptMaterial Symbols

More communicate icons from Material Symbols Light

Use the chat apps script icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.45 19.5q-.213 0-.357-.143T13.95 19t.143-.357t.357-.143h4.402l-3.588-2.529q-.177-.115-.211-.31t.076-.372t.308-.211t.375.076l3.632 2.523l-1.532-4.15q-.073-.183.025-.375q.097-.192.286-.265t.39.024t.275.287l1.489 4.112l1.154-4.225q.067-.189.231-.305q.165-.117.353-.05q.189.068.315.232t.058.353L20.816 19.5zM3.5 18.789V5.115q0-.672.472-1.144T5.116 3.5h11.769q.67 0 1.143.472q.472.472.472 1.144v4.901q-.134-.011-.25-.014T18 10t-.25.003q-.115.003-.25.014V5.116q0-.27-.173-.443t-.442-.173H5.115q-.269 0-.442.173t-.173.443V15.5h7.517q-.011.135-.014.25Q12 15.866 12 16t.003.25t.014.25H5.79zM7.116 8.5h7.769v-1h-7.77zm0 4h4.769v-1h-4.77zm-2.616 3v-11z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightChatAppsScriptOutline(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="M14.45 19.5q-.213 0-.357-.143T13.95 19t.143-.357t.357-.143h4.402l-3.588-2.529q-.177-.115-.211-.31t.076-.372t.308-.211t.375.076l3.632 2.523l-1.532-4.15q-.073-.183.025-.375q.097-.192.286-.265t.39.024t.275.287l1.489 4.112l1.154-4.225q.067-.189.231-.305q.165-.117.353-.05q.189.068.315.232t.058.353L20.816 19.5zM3.5 18.789V5.115q0-.672.472-1.144T5.116 3.5h11.769q.67 0 1.143.472q.472.472.472 1.144v4.901q-.134-.011-.25-.014T18 10t-.25.003q-.115.003-.25.014V5.116q0-.27-.173-.443t-.442-.173H5.115q-.269 0-.442.173t-.173.443V15.5h7.517q-.011.135-.014.25Q12 15.866 12 16t.003.25t.014.25H5.79zM7.116 8.5h7.769v-1h-7.77zm0 4h4.769v-1h-4.77zm-2.616 3v-11z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.45 19.5q-.213 0-.357-.143T13.95 19t.143-.357t.357-.143h4.402l-3.588-2.529q-.177-.115-.211-.31t.076-.372t.308-.211t.375.076l3.632 2.523l-1.532-4.15q-.073-.183.025-.375q.097-.192.286-.265t.39.024t.275.287l1.489 4.112l1.154-4.225q.067-.189.231-.305q.165-.117.353-.05q.189.068.315.232t.058.353L20.816 19.5zM3.5 18.789V5.115q0-.672.472-1.144T5.116 3.5h11.769q.67 0 1.143.472q.472.472.472 1.144v4.901q-.134-.011-.25-.014T18 10t-.25.003q-.115.003-.25.014V5.116q0-.27-.173-.443t-.442-.173H5.115q-.269 0-.442.173t-.173.443V15.5h7.517q-.011.135-.014.25Q12 15.866 12 16t.003.25t.014.25H5.79zM7.116 8.5h7.769v-1h-7.77zm0 4h4.769v-1h-4.77zm-2.616 3v-11z"/></svg>
</template>

CSS

.icon-chat-apps-script-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%22M14.45%2019.5q-.213%200-.357-.143T13.95%2019t.143-.357t.357-.143h4.402l-3.588-2.529q-.177-.115-.211-.31t.076-.372t.308-.211t.375.076l3.632%202.523l-1.532-4.15q-.073-.183.025-.375q.097-.192.286-.265t.39.024t.275.287l1.489%204.112l1.154-4.225q.067-.189.231-.305q.165-.117.353-.05q.189.068.315.232t.058.353L20.816%2019.5zM3.5%2018.789V5.115q0-.672.472-1.144T5.116%203.5h11.769q.67%200%201.143.472q.472.472.472%201.144v4.901q-.134-.011-.25-.014T18%2010t-.25.003q-.115.003-.25.014V5.116q0-.27-.173-.443t-.442-.173H5.115q-.269%200-.442.173t-.173.443V15.5h7.517q-.011.135-.014.25Q12%2015.866%2012%2016t.003.25t.014.25H5.79zM7.116%208.5h7.769v-1h-7.77zm0%204h4.769v-1h-4.77zm-2.616%203v-11z%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%22M14.45%2019.5q-.213%200-.357-.143T13.95%2019t.143-.357t.357-.143h4.402l-3.588-2.529q-.177-.115-.211-.31t.076-.372t.308-.211t.375.076l3.632%202.523l-1.532-4.15q-.073-.183.025-.375q.097-.192.286-.265t.39.024t.275.287l1.489%204.112l1.154-4.225q.067-.189.231-.305q.165-.117.353-.05q.189.068.315.232t.058.353L20.816%2019.5zM3.5%2018.789V5.115q0-.672.472-1.144T5.116%203.5h11.769q.67%200%201.143.472q.472.472.472%201.144v4.901q-.134-.011-.25-.014T18%2010t-.25.003q-.115.003-.25.014V5.116q0-.27-.173-.443t-.442-.173H5.115q-.269%200-.442.173t-.173.443V15.5h7.517q-.011.135-.014.25Q12%2015.866%2012%2016t.003.25t.014.25H5.79zM7.116%208.5h7.769v-1h-7.77zm0%204h4.769v-1h-4.77zm-2.616%203v-11z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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