sms icon

sms from Font Awesome Solid by Dave Gandy · Solid · Chat · CC-BY-4.0 Attribution required.

Name
sms
Set
Font Awesome Solid
Style
Solid
Category
Chat
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

smsLine AwesomesmsMaterial SymbolssmsMaterial Symbols Light

More chat icons from Font Awesome Solid

commentcomment-altcomment-dotscomment-medicalcomment-slashcommentsfrowniconsmehpooquote-leftquote-rightsmilevideo-slash

Use the sms icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 544c141.4 0 256-107.5 256-240S461.4 64 320 64S64 171.5 64 304c0 54.3 19.2 104.3 51.6 144.5l-48.8 92.3c-4.8 9-3.3 20 3.6 27.5s17.8 9.8 27.1 5.8l118.4-50.7c31.8 13.2 67 20.6 104.1 20.6M204.8 236.8H224c8.8 0 16 7.2 16 16s-7.2 16-16 16h-19.2c-5.3 0-9.6 4.3-9.6 9.6s4.3 9.6 9.6 9.6c23 0 41.6 18.6 41.6 41.6s-18.6 41.6-41.6 41.6h-25.6c-8.8 0-16-7.2-16-16s7.2-16 16-16h25.6c5.3 0 9.6-4.3 9.6-9.6s-4.3-9.6-9.6-9.6c-23 0-41.6-18.6-41.6-41.6s18.6-41.6 41.6-41.6m188.8 41.6c0-23 18.6-41.6 41.6-41.6h19.2c8.8 0 16 7.2 16 16s-7.2 16-16 16h-19.2c-5.3 0-9.6 4.3-9.6 9.6s4.3 9.6 9.6 9.6c23 0 41.6 18.6 41.6 41.6s-18.6 41.6-41.6 41.6h-25.6c-8.8 0-16-7.2-16-16s7.2-16 16-16h25.6c5.3 0 9.6-4.3 9.6-9.6s-4.3-9.6-9.6-9.6c-23 0-41.6-18.6-41.6-41.6m-98.3-33.8l24.7 41.1l24.7-41.1c3.7-6.2 11.1-9.1 18-7.2s11.7 8.2 11.7 15.4v102.4c0 8.8-7.2 16-16 16s-16-7.2-16-16v-44.6l-8.7 14.5c-2.9 4.8-8.1 7.8-13.7 7.8s-10.8-3-13.7-7.8l-8.7-14.5v44.6c0 8.8-7.2 16-16 16s-16-7.2-16-16V252.8c0-7.2 4.8-13.5 11.7-15.4s14.3 1 18 7.2"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidSms(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 544c141.4 0 256-107.5 256-240S461.4 64 320 64S64 171.5 64 304c0 54.3 19.2 104.3 51.6 144.5l-48.8 92.3c-4.8 9-3.3 20 3.6 27.5s17.8 9.8 27.1 5.8l118.4-50.7c31.8 13.2 67 20.6 104.1 20.6M204.8 236.8H224c8.8 0 16 7.2 16 16s-7.2 16-16 16h-19.2c-5.3 0-9.6 4.3-9.6 9.6s4.3 9.6 9.6 9.6c23 0 41.6 18.6 41.6 41.6s-18.6 41.6-41.6 41.6h-25.6c-8.8 0-16-7.2-16-16s7.2-16 16-16h25.6c5.3 0 9.6-4.3 9.6-9.6s-4.3-9.6-9.6-9.6c-23 0-41.6-18.6-41.6-41.6s18.6-41.6 41.6-41.6m188.8 41.6c0-23 18.6-41.6 41.6-41.6h19.2c8.8 0 16 7.2 16 16s-7.2 16-16 16h-19.2c-5.3 0-9.6 4.3-9.6 9.6s4.3 9.6 9.6 9.6c23 0 41.6 18.6 41.6 41.6s-18.6 41.6-41.6 41.6h-25.6c-8.8 0-16-7.2-16-16s7.2-16 16-16h25.6c5.3 0 9.6-4.3 9.6-9.6s-4.3-9.6-9.6-9.6c-23 0-41.6-18.6-41.6-41.6m-98.3-33.8l24.7 41.1l24.7-41.1c3.7-6.2 11.1-9.1 18-7.2s11.7 8.2 11.7 15.4v102.4c0 8.8-7.2 16-16 16s-16-7.2-16-16v-44.6l-8.7 14.5c-2.9 4.8-8.1 7.8-13.7 7.8s-10.8-3-13.7-7.8l-8.7-14.5v44.6c0 8.8-7.2 16-16 16s-16-7.2-16-16V252.8c0-7.2 4.8-13.5 11.7-15.4s14.3 1 18 7.2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 544c141.4 0 256-107.5 256-240S461.4 64 320 64S64 171.5 64 304c0 54.3 19.2 104.3 51.6 144.5l-48.8 92.3c-4.8 9-3.3 20 3.6 27.5s17.8 9.8 27.1 5.8l118.4-50.7c31.8 13.2 67 20.6 104.1 20.6M204.8 236.8H224c8.8 0 16 7.2 16 16s-7.2 16-16 16h-19.2c-5.3 0-9.6 4.3-9.6 9.6s4.3 9.6 9.6 9.6c23 0 41.6 18.6 41.6 41.6s-18.6 41.6-41.6 41.6h-25.6c-8.8 0-16-7.2-16-16s7.2-16 16-16h25.6c5.3 0 9.6-4.3 9.6-9.6s-4.3-9.6-9.6-9.6c-23 0-41.6-18.6-41.6-41.6s18.6-41.6 41.6-41.6m188.8 41.6c0-23 18.6-41.6 41.6-41.6h19.2c8.8 0 16 7.2 16 16s-7.2 16-16 16h-19.2c-5.3 0-9.6 4.3-9.6 9.6s4.3 9.6 9.6 9.6c23 0 41.6 18.6 41.6 41.6s-18.6 41.6-41.6 41.6h-25.6c-8.8 0-16-7.2-16-16s7.2-16 16-16h25.6c5.3 0 9.6-4.3 9.6-9.6s-4.3-9.6-9.6-9.6c-23 0-41.6-18.6-41.6-41.6m-98.3-33.8l24.7 41.1l24.7-41.1c3.7-6.2 11.1-9.1 18-7.2s11.7 8.2 11.7 15.4v102.4c0 8.8-7.2 16-16 16s-16-7.2-16-16v-44.6l-8.7 14.5c-2.9 4.8-8.1 7.8-13.7 7.8s-10.8-3-13.7-7.8l-8.7-14.5v44.6c0 8.8-7.2 16-16 16s-16-7.2-16-16V252.8c0-7.2 4.8-13.5 11.7-15.4s14.3 1 18 7.2"/></svg>
</template>

CSS

.icon-sms {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%20544c141.4%200%20256-107.5%20256-240S461.4%2064%20320%2064S64%20171.5%2064%20304c0%2054.3%2019.2%20104.3%2051.6%20144.5l-48.8%2092.3c-4.8%209-3.3%2020%203.6%2027.5s17.8%209.8%2027.1%205.8l118.4-50.7c31.8%2013.2%2067%2020.6%20104.1%2020.6M204.8%20236.8H224c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016h-19.2c-5.3%200-9.6%204.3-9.6%209.6s4.3%209.6%209.6%209.6c23%200%2041.6%2018.6%2041.6%2041.6s-18.6%2041.6-41.6%2041.6h-25.6c-8.8%200-16-7.2-16-16s7.2-16%2016-16h25.6c5.3%200%209.6-4.3%209.6-9.6s-4.3-9.6-9.6-9.6c-23%200-41.6-18.6-41.6-41.6s18.6-41.6%2041.6-41.6m188.8%2041.6c0-23%2018.6-41.6%2041.6-41.6h19.2c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016h-19.2c-5.3%200-9.6%204.3-9.6%209.6s4.3%209.6%209.6%209.6c23%200%2041.6%2018.6%2041.6%2041.6s-18.6%2041.6-41.6%2041.6h-25.6c-8.8%200-16-7.2-16-16s7.2-16%2016-16h25.6c5.3%200%209.6-4.3%209.6-9.6s-4.3-9.6-9.6-9.6c-23%200-41.6-18.6-41.6-41.6m-98.3-33.8l24.7%2041.1l24.7-41.1c3.7-6.2%2011.1-9.1%2018-7.2s11.7%208.2%2011.7%2015.4v102.4c0%208.8-7.2%2016-16%2016s-16-7.2-16-16v-44.6l-8.7%2014.5c-2.9%204.8-8.1%207.8-13.7%207.8s-10.8-3-13.7-7.8l-8.7-14.5v44.6c0%208.8-7.2%2016-16%2016s-16-7.2-16-16V252.8c0-7.2%204.8-13.5%2011.7-15.4s14.3%201%2018%207.2%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%20544c141.4%200%20256-107.5%20256-240S461.4%2064%20320%2064S64%20171.5%2064%20304c0%2054.3%2019.2%20104.3%2051.6%20144.5l-48.8%2092.3c-4.8%209-3.3%2020%203.6%2027.5s17.8%209.8%2027.1%205.8l118.4-50.7c31.8%2013.2%2067%2020.6%20104.1%2020.6M204.8%20236.8H224c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016h-19.2c-5.3%200-9.6%204.3-9.6%209.6s4.3%209.6%209.6%209.6c23%200%2041.6%2018.6%2041.6%2041.6s-18.6%2041.6-41.6%2041.6h-25.6c-8.8%200-16-7.2-16-16s7.2-16%2016-16h25.6c5.3%200%209.6-4.3%209.6-9.6s-4.3-9.6-9.6-9.6c-23%200-41.6-18.6-41.6-41.6s18.6-41.6%2041.6-41.6m188.8%2041.6c0-23%2018.6-41.6%2041.6-41.6h19.2c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016h-19.2c-5.3%200-9.6%204.3-9.6%209.6s4.3%209.6%209.6%209.6c23%200%2041.6%2018.6%2041.6%2041.6s-18.6%2041.6-41.6%2041.6h-25.6c-8.8%200-16-7.2-16-16s7.2-16%2016-16h25.6c5.3%200%209.6-4.3%209.6-9.6s-4.3-9.6-9.6-9.6c-23%200-41.6-18.6-41.6-41.6m-98.3-33.8l24.7%2041.1l24.7-41.1c3.7-6.2%2011.1-9.1%2018-7.2s11.7%208.2%2011.7%2015.4v102.4c0%208.8-7.2%2016-16%2016s-16-7.2-16-16v-44.6l-8.7%2014.5c-2.9%204.8-8.1%207.8-13.7%207.8s-10.8-3-13.7-7.8l-8.7-14.5v44.6c0%208.8-7.2%2016-16%2016s-16-7.2-16-16V252.8c0-7.2%204.8-13.5%2011.7-15.4s14.3%201%2018%207.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/sms.svg?color=%231a73e8&size=48