game chat icon
game-chat-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- game-chat-20-regular
- Set
- Fluent UI System Icons
- Style
- 20 Regular
- Viewbox
- 20×20
- License
- MIT
1 other variant in Fluent UI System Icons
The same icon in other sets
Related icons in Fluent UI System Icons
Use the game chat icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M6.5 5.5a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1zM6 8a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 6 8M2 7a6 6 0 1 1 11.554 2.275a3 3 0 0 0-.143.079l-.125.075a.5.5 0 0 1-.257.071h-.698a5 5 0 1 0-8.632.052a.5.5 0 0 1 .051.393l-.509 1.78l1.658-.552a.5.5 0 0 1 .426.052q.533.338 1.143.536l-.432.91a6 6 0 0 1-1.04-.476l-2.338.78a.5.5 0 0 1-.639-.612l.712-2.491A6 6 0 0 1 2 7m11.25 6.25a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m.675-3.038a1.5 1.5 0 0 1 1.026-.192l.773.133a2 2 0 0 1 1.467 1.114l1.2 2.527c.56 1.19.687 2.185.568 3.001a3.5 3.5 0 0 1-.82 1.804a1.15 1.15 0 0 1-1.01.397a1.4 1.4 0 0 1-.902-.494l-.818-.97A1.5 1.5 0 0 0 14.263 17h-3.526a1.5 1.5 0 0 0-1.146.533l-.818.969c-.23.272-.553.456-.902.494a1.15 1.15 0 0 1-1.01-.397a3.5 3.5 0 0 1-.82-1.804c-.12-.816.008-1.812.569-3l1.199-2.528a2 2 0 0 1 1.467-1.114l.773-.133a1.5 1.5 0 0 1 1.026.192l.125.075c.233.14.5.213.77.213h1.06a1.5 1.5 0 0 0 .77-.213zm.856.794a.5.5 0 0 0-.342.063l-.124.075a2.5 2.5 0 0 1-1.286.356h-1.058a2.5 2.5 0 0 1-1.285-.356l-.125-.075a.5.5 0 0 0-.342-.063l-.773.133a1 1 0 0 0-.734.557L7.514 14.22c-.492 1.043-.57 1.84-.484 2.43a2.5 2.5 0 0 0 .587 1.295a.15.15 0 0 0 .146.056a.4.4 0 0 0 .246-.145l.818-.969a2.5 2.5 0 0 1 1.91-.888h3.526a2.5 2.5 0 0 1 1.91.888l.818.97a.4.4 0 0 0 .246.144c.06.007.105-.01.146-.056c.244-.283.5-.705.587-1.295s.008-1.386-.484-2.43l-1.198-2.525a1 1 0 0 0-.734-.557z"/></svg>
React
import type { SVGProps } from "react";
export function FluentGameChat20Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M6.5 5.5a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1zM6 8a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 6 8M2 7a6 6 0 1 1 11.554 2.275a3 3 0 0 0-.143.079l-.125.075a.5.5 0 0 1-.257.071h-.698a5 5 0 1 0-8.632.052a.5.5 0 0 1 .051.393l-.509 1.78l1.658-.552a.5.5 0 0 1 .426.052q.533.338 1.143.536l-.432.91a6 6 0 0 1-1.04-.476l-2.338.78a.5.5 0 0 1-.639-.612l.712-2.491A6 6 0 0 1 2 7m11.25 6.25a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m.675-3.038a1.5 1.5 0 0 1 1.026-.192l.773.133a2 2 0 0 1 1.467 1.114l1.2 2.527c.56 1.19.687 2.185.568 3.001a3.5 3.5 0 0 1-.82 1.804a1.15 1.15 0 0 1-1.01.397a1.4 1.4 0 0 1-.902-.494l-.818-.97A1.5 1.5 0 0 0 14.263 17h-3.526a1.5 1.5 0 0 0-1.146.533l-.818.969c-.23.272-.553.456-.902.494a1.15 1.15 0 0 1-1.01-.397a3.5 3.5 0 0 1-.82-1.804c-.12-.816.008-1.812.569-3l1.199-2.528a2 2 0 0 1 1.467-1.114l.773-.133a1.5 1.5 0 0 1 1.026.192l.125.075c.233.14.5.213.77.213h1.06a1.5 1.5 0 0 0 .77-.213zm.856.794a.5.5 0 0 0-.342.063l-.124.075a2.5 2.5 0 0 1-1.286.356h-1.058a2.5 2.5 0 0 1-1.285-.356l-.125-.075a.5.5 0 0 0-.342-.063l-.773.133a1 1 0 0 0-.734.557L7.514 14.22c-.492 1.043-.57 1.84-.484 2.43a2.5 2.5 0 0 0 .587 1.295a.15.15 0 0 0 .146.056a.4.4 0 0 0 .246-.145l.818-.969a2.5 2.5 0 0 1 1.91-.888h3.526a2.5 2.5 0 0 1 1.91.888l.818.97a.4.4 0 0 0 .246.144c.06.007.105-.01.146-.056c.244-.283.5-.705.587-1.295s.008-1.386-.484-2.43l-1.198-2.525a1 1 0 0 0-.734-.557z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M6.5 5.5a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1zM6 8a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 6 8M2 7a6 6 0 1 1 11.554 2.275a3 3 0 0 0-.143.079l-.125.075a.5.5 0 0 1-.257.071h-.698a5 5 0 1 0-8.632.052a.5.5 0 0 1 .051.393l-.509 1.78l1.658-.552a.5.5 0 0 1 .426.052q.533.338 1.143.536l-.432.91a6 6 0 0 1-1.04-.476l-2.338.78a.5.5 0 0 1-.639-.612l.712-2.491A6 6 0 0 1 2 7m11.25 6.25a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m.675-3.038a1.5 1.5 0 0 1 1.026-.192l.773.133a2 2 0 0 1 1.467 1.114l1.2 2.527c.56 1.19.687 2.185.568 3.001a3.5 3.5 0 0 1-.82 1.804a1.15 1.15 0 0 1-1.01.397a1.4 1.4 0 0 1-.902-.494l-.818-.97A1.5 1.5 0 0 0 14.263 17h-3.526a1.5 1.5 0 0 0-1.146.533l-.818.969c-.23.272-.553.456-.902.494a1.15 1.15 0 0 1-1.01-.397a3.5 3.5 0 0 1-.82-1.804c-.12-.816.008-1.812.569-3l1.199-2.528a2 2 0 0 1 1.467-1.114l.773-.133a1.5 1.5 0 0 1 1.026.192l.125.075c.233.14.5.213.77.213h1.06a1.5 1.5 0 0 0 .77-.213zm.856.794a.5.5 0 0 0-.342.063l-.124.075a2.5 2.5 0 0 1-1.286.356h-1.058a2.5 2.5 0 0 1-1.285-.356l-.125-.075a.5.5 0 0 0-.342-.063l-.773.133a1 1 0 0 0-.734.557L7.514 14.22c-.492 1.043-.57 1.84-.484 2.43a2.5 2.5 0 0 0 .587 1.295a.15.15 0 0 0 .146.056a.4.4 0 0 0 .246-.145l.818-.969a2.5 2.5 0 0 1 1.91-.888h3.526a2.5 2.5 0 0 1 1.91.888l.818.97a.4.4 0 0 0 .246.144c.06.007.105-.01.146-.056c.244-.283.5-.705.587-1.295s.008-1.386-.484-2.43l-1.198-2.525a1 1 0 0 0-.734-.557z"/></svg> </template>
CSS
.icon-game-chat-20-regular {
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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.5%205.5a.5.5%200%200%200%200%201h3a.5.5%200%200%200%200-1zM6%208a.5.5%200%200%201%20.5-.5h2a.5.5%200%200%201%200%201h-2A.5.5%200%200%201%206%208M2%207a6%206%200%201%201%2011.554%202.275a3%203%200%200%200-.143.079l-.125.075a.5.5%200%200%201-.257.071h-.698a5%205%200%201%200-8.632.052a.5.5%200%200%201%20.051.393l-.509%201.78l1.658-.552a.5.5%200%200%201%20.426.052q.533.338%201.143.536l-.432.91a6%206%200%200%201-1.04-.476l-2.338.78a.5.5%200%200%201-.639-.612l.712-2.491A6%206%200%200%201%202%207m11.25%206.25a.75.75%200%201%201-1.5%200a.75.75%200%200%201%201.5%200m.675-3.038a1.5%201.5%200%200%201%201.026-.192l.773.133a2%202%200%200%201%201.467%201.114l1.2%202.527c.56%201.19.687%202.185.568%203.001a3.5%203.5%200%200%201-.82%201.804a1.15%201.15%200%200%201-1.01.397a1.4%201.4%200%200%201-.902-.494l-.818-.97A1.5%201.5%200%200%200%2014.263%2017h-3.526a1.5%201.5%200%200%200-1.146.533l-.818.969c-.23.272-.553.456-.902.494a1.15%201.15%200%200%201-1.01-.397a3.5%203.5%200%200%201-.82-1.804c-.12-.816.008-1.812.569-3l1.199-2.528a2%202%200%200%201%201.467-1.114l.773-.133a1.5%201.5%200%200%201%201.026.192l.125.075c.233.14.5.213.77.213h1.06a1.5%201.5%200%200%200%20.77-.213zm.856.794a.5.5%200%200%200-.342.063l-.124.075a2.5%202.5%200%200%201-1.286.356h-1.058a2.5%202.5%200%200%201-1.285-.356l-.125-.075a.5.5%200%200%200-.342-.063l-.773.133a1%201%200%200%200-.734.557L7.514%2014.22c-.492%201.043-.57%201.84-.484%202.43a2.5%202.5%200%200%200%20.587%201.295a.15.15%200%200%200%20.146.056a.4.4%200%200%200%20.246-.145l.818-.969a2.5%202.5%200%200%201%201.91-.888h3.526a2.5%202.5%200%200%201%201.91.888l.818.97a.4.4%200%200%200%20.246.144c.06.007.105-.01.146-.056c.244-.283.5-.705.587-1.295s.008-1.386-.484-2.43l-1.198-2.525a1%201%200%200%200-.734-.557z%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.5%205.5a.5.5%200%200%200%200%201h3a.5.5%200%200%200%200-1zM6%208a.5.5%200%200%201%20.5-.5h2a.5.5%200%200%201%200%201h-2A.5.5%200%200%201%206%208M2%207a6%206%200%201%201%2011.554%202.275a3%203%200%200%200-.143.079l-.125.075a.5.5%200%200%201-.257.071h-.698a5%205%200%201%200-8.632.052a.5.5%200%200%201%20.051.393l-.509%201.78l1.658-.552a.5.5%200%200%201%20.426.052q.533.338%201.143.536l-.432.91a6%206%200%200%201-1.04-.476l-2.338.78a.5.5%200%200%201-.639-.612l.712-2.491A6%206%200%200%201%202%207m11.25%206.25a.75.75%200%201%201-1.5%200a.75.75%200%200%201%201.5%200m.675-3.038a1.5%201.5%200%200%201%201.026-.192l.773.133a2%202%200%200%201%201.467%201.114l1.2%202.527c.56%201.19.687%202.185.568%203.001a3.5%203.5%200%200%201-.82%201.804a1.15%201.15%200%200%201-1.01.397a1.4%201.4%200%200%201-.902-.494l-.818-.97A1.5%201.5%200%200%200%2014.263%2017h-3.526a1.5%201.5%200%200%200-1.146.533l-.818.969c-.23.272-.553.456-.902.494a1.15%201.15%200%200%201-1.01-.397a3.5%203.5%200%200%201-.82-1.804c-.12-.816.008-1.812.569-3l1.199-2.528a2%202%200%200%201%201.467-1.114l.773-.133a1.5%201.5%200%200%201%201.026.192l.125.075c.233.14.5.213.77.213h1.06a1.5%201.5%200%200%200%20.77-.213zm.856.794a.5.5%200%200%200-.342.063l-.124.075a2.5%202.5%200%200%201-1.286.356h-1.058a2.5%202.5%200%200%201-1.285-.356l-.125-.075a.5.5%200%200%200-.342-.063l-.773.133a1%201%200%200%200-.734.557L7.514%2014.22c-.492%201.043-.57%201.84-.484%202.43a2.5%202.5%200%200%200%20.587%201.295a.15.15%200%200%200%20.146.056a.4.4%200%200%200%20.246-.145l.818-.969a2.5%202.5%200%200%201%201.91-.888h3.526a2.5%202.5%200%200%201%201.91.888l.818.97a.4.4%200%200%200%20.246.144c.06.007.105-.01.146-.056c.244-.283.5-.705.587-1.295s.008-1.386-.484-2.43l-1.198-2.525a1%201%200%200%200-.734-.557z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/game-chat-20-regular.svg?color=%231a73e8&size=48
