message alt icon
message-alt from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.
- Name
- message-alt
- Set
- Jam Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
1 other variant in Jam Icons
The same icon in other sets
Related icons in Jam Icons
Use the message alt icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-3 -2 24 24"><path fill="currentColor" d="m5.978 14.969l.002-.033zm.001-.167l.001.003v-.003zm.04 1.9c2.678-2.462 3.007-2.656 3.793-2.734C13.364 13.615 16 11.01 16 8.004c0-3.26-3.085-6.003-7-6.003S2 4.745 2 8.004c0 1.893 1.175 3.767 3.054 4.957c.783.495.958 1.117.941 1.778l-.009.15c.022.33.032.92.033 1.814zm3.99-.743q-.277.027-4.32 3.774a1 1 0 0 1-1.68-.742q.03-3.543-.024-4.04c-.018-.173.032-.28 0-.3C1.708 13.212 0 10.775 0 8.005C0 3.584 4.03 0 9 0s9 3.584 9 8.004c0 4.117-3.495 7.509-7.99 7.955z"/></svg>
React
import type { SVGProps } from "react";
export function JamMessageAlt(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-3 -2 24 24"><path fill="currentColor" d="m5.978 14.969l.002-.033zm.001-.167l.001.003v-.003zm.04 1.9c2.678-2.462 3.007-2.656 3.793-2.734C13.364 13.615 16 11.01 16 8.004c0-3.26-3.085-6.003-7-6.003S2 4.745 2 8.004c0 1.893 1.175 3.767 3.054 4.957c.783.495.958 1.117.941 1.778l-.009.15c.022.33.032.92.033 1.814zm3.99-.743q-.277.027-4.32 3.774a1 1 0 0 1-1.68-.742q.03-3.543-.024-4.04c-.018-.173.032-.28 0-.3C1.708 13.212 0 10.775 0 8.005C0 3.584 4.03 0 9 0s9 3.584 9 8.004c0 4.117-3.495 7.509-7.99 7.955z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-3 -2 24 24"><path fill="currentColor" d="m5.978 14.969l.002-.033zm.001-.167l.001.003v-.003zm.04 1.9c2.678-2.462 3.007-2.656 3.793-2.734C13.364 13.615 16 11.01 16 8.004c0-3.26-3.085-6.003-7-6.003S2 4.745 2 8.004c0 1.893 1.175 3.767 3.054 4.957c.783.495.958 1.117.941 1.778l-.009.15c.022.33.032.92.033 1.814zm3.99-.743q-.277.027-4.32 3.774a1 1 0 0 1-1.68-.742q.03-3.543-.024-4.04c-.018-.173.032-.28 0-.3C1.708 13.212 0 10.775 0 8.005C0 3.584 4.03 0 9 0s9 3.584 9 8.004c0 4.117-3.495 7.509-7.99 7.955z"/></svg> </template>
CSS
.icon-message-alt {
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%22-3%20-2%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m5.978%2014.969l.002-.033zm.001-.167l.001.003v-.003zm.04%201.9c2.678-2.462%203.007-2.656%203.793-2.734C13.364%2013.615%2016%2011.01%2016%208.004c0-3.26-3.085-6.003-7-6.003S2%204.745%202%208.004c0%201.893%201.175%203.767%203.054%204.957c.783.495.958%201.117.941%201.778l-.009.15c.022.33.032.92.033%201.814zm3.99-.743q-.277.027-4.32%203.774a1%201%200%200%201-1.68-.742q.03-3.543-.024-4.04c-.018-.173.032-.28%200-.3C1.708%2013.212%200%2010.775%200%208.005C0%203.584%204.03%200%209%200s9%203.584%209%208.004c0%204.117-3.495%207.509-7.99%207.955z%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%22-3%20-2%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m5.978%2014.969l.002-.033zm.001-.167l.001.003v-.003zm.04%201.9c2.678-2.462%203.007-2.656%203.793-2.734C13.364%2013.615%2016%2011.01%2016%208.004c0-3.26-3.085-6.003-7-6.003S2%204.745%202%208.004c0%201.893%201.175%203.767%203.054%204.957c.783.495.958%201.117.941%201.778l-.009.15c.022.33.032.92.033%201.814zm3.99-.743q-.277.027-4.32%203.774a1%201%200%200%201-1.68-.742q.03-3.543-.024-4.04c-.018-.173.032-.28%200-.3C1.708%2013.212%200%2010.775%200%208.005C0%203.584%204.03%200%209%200s9%203.584%209%208.004c0%204.117-3.495%207.509-7.99%207.955z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/message-alt.svg?color=%231a73e8&size=48
