sentiment very satisfied icon
sentiment-very-satisfied-rounded from Material Symbols Light by Google · Rounded · Social · Apache-2.0 Free for personal and commercial use.
- Name
- sentiment-very-satisfied-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols Light
The same icon in other sets
More social icons from Material Symbols Light
Use the sentiment very satisfied icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 16.885q1.239 0 2.29-.576q1.052-.575 1.726-1.563q.13-.242.003-.494T15.6 14H8.4q-.292 0-.42.252q-.126.252.005.494q.673.988 1.737 1.563t2.278.575M8.9 9.49l.775.774q.129.13.304.139t.323-.138t.145-.314q-.003-.165-.145-.313l-.836-.843q-.243-.242-.569-.242t-.568.242l-.842.843q-.13.129-.139.304t.139.323q.142.142.31.145q.169.003.317-.14zm6.2 0l.787.78q.129.123.304.133t.323-.138t.148-.314t-.148-.313l-.843-.843q-.242-.242-.568-.242t-.568.242l-.843.842q-.123.13-.133.305q-.009.174.139.322t.314.149q.165 0 .313-.149zm-6.606 10.8q-1.642-.71-2.858-1.925q-1.215-1.216-1.926-2.858T3 12t.71-3.506q.711-1.642 1.927-2.857Q6.852 4.42 8.494 3.71T12 3t3.506.71q1.642.711 2.857 1.927q1.216 1.215 1.926 2.857Q21 10.137 21 12t-.71 3.506q-.711 1.642-1.926 2.857q-1.216 1.216-2.858 1.926Q13.864 21 12 21t-3.506-.71"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightSentimentVerySatisfiedRounded(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="M12 16.885q1.239 0 2.29-.576q1.052-.575 1.726-1.563q.13-.242.003-.494T15.6 14H8.4q-.292 0-.42.252q-.126.252.005.494q.673.988 1.737 1.563t2.278.575M8.9 9.49l.775.774q.129.13.304.139t.323-.138t.145-.314q-.003-.165-.145-.313l-.836-.843q-.243-.242-.569-.242t-.568.242l-.842.843q-.13.129-.139.304t.139.323q.142.142.31.145q.169.003.317-.14zm6.2 0l.787.78q.129.123.304.133t.323-.138t.148-.314t-.148-.313l-.843-.843q-.242-.242-.568-.242t-.568.242l-.843.842q-.123.13-.133.305q-.009.174.139.322t.314.149q.165 0 .313-.149zm-6.606 10.8q-1.642-.71-2.858-1.925q-1.215-1.216-1.926-2.858T3 12t.71-3.506q.711-1.642 1.927-2.857Q6.852 4.42 8.494 3.71T12 3t3.506.71q1.642.711 2.857 1.927q1.216 1.215 1.926 2.857Q21 10.137 21 12t-.71 3.506q-.711 1.642-1.926 2.857q-1.216 1.216-2.858 1.926Q13.864 21 12 21t-3.506-.71"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 16.885q1.239 0 2.29-.576q1.052-.575 1.726-1.563q.13-.242.003-.494T15.6 14H8.4q-.292 0-.42.252q-.126.252.005.494q.673.988 1.737 1.563t2.278.575M8.9 9.49l.775.774q.129.13.304.139t.323-.138t.145-.314q-.003-.165-.145-.313l-.836-.843q-.243-.242-.569-.242t-.568.242l-.842.843q-.13.129-.139.304t.139.323q.142.142.31.145q.169.003.317-.14zm6.2 0l.787.78q.129.123.304.133t.323-.138t.148-.314t-.148-.313l-.843-.843q-.242-.242-.568-.242t-.568.242l-.843.842q-.123.13-.133.305q-.009.174.139.322t.314.149q.165 0 .313-.149zm-6.606 10.8q-1.642-.71-2.858-1.925q-1.215-1.216-1.926-2.858T3 12t.71-3.506q.711-1.642 1.927-2.857Q6.852 4.42 8.494 3.71T12 3t3.506.71q1.642.711 2.857 1.927q1.216 1.215 1.926 2.857Q21 10.137 21 12t-.71 3.506q-.711 1.642-1.926 2.857q-1.216 1.216-2.858 1.926Q13.864 21 12 21t-3.506-.71"/></svg> </template>
CSS
.icon-sentiment-very-satisfied-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%22M12%2016.885q1.239%200%202.29-.576q1.052-.575%201.726-1.563q.13-.242.003-.494T15.6%2014H8.4q-.292%200-.42.252q-.126.252.005.494q.673.988%201.737%201.563t2.278.575M8.9%209.49l.775.774q.129.13.304.139t.323-.138t.145-.314q-.003-.165-.145-.313l-.836-.843q-.243-.242-.569-.242t-.568.242l-.842.843q-.13.129-.139.304t.139.323q.142.142.31.145q.169.003.317-.14zm6.2%200l.787.78q.129.123.304.133t.323-.138t.148-.314t-.148-.313l-.843-.843q-.242-.242-.568-.242t-.568.242l-.843.842q-.123.13-.133.305q-.009.174.139.322t.314.149q.165%200%20.313-.149zm-6.606%2010.8q-1.642-.71-2.858-1.925q-1.215-1.216-1.926-2.858T3%2012t.71-3.506q.711-1.642%201.927-2.857Q6.852%204.42%208.494%203.71T12%203t3.506.71q1.642.711%202.857%201.927q1.216%201.215%201.926%202.857Q21%2010.137%2021%2012t-.71%203.506q-.711%201.642-1.926%202.857q-1.216%201.216-2.858%201.926Q13.864%2021%2012%2021t-3.506-.71%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%22M12%2016.885q1.239%200%202.29-.576q1.052-.575%201.726-1.563q.13-.242.003-.494T15.6%2014H8.4q-.292%200-.42.252q-.126.252.005.494q.673.988%201.737%201.563t2.278.575M8.9%209.49l.775.774q.129.13.304.139t.323-.138t.145-.314q-.003-.165-.145-.313l-.836-.843q-.243-.242-.569-.242t-.568.242l-.842.843q-.13.129-.139.304t.139.323q.142.142.31.145q.169.003.317-.14zm6.2%200l.787.78q.129.123.304.133t.323-.138t.148-.314t-.148-.313l-.843-.843q-.242-.242-.568-.242t-.568.242l-.843.842q-.123.13-.133.305q-.009.174.139.322t.314.149q.165%200%20.313-.149zm-6.606%2010.8q-1.642-.71-2.858-1.925q-1.215-1.216-1.926-2.858T3%2012t.71-3.506q.711-1.642%201.927-2.857Q6.852%204.42%208.494%203.71T12%203t3.506.71q1.642.711%202.857%201.927q1.216%201.215%201.926%202.857Q21%2010.137%2021%2012t-.71%203.506q-.711%201.642-1.926%202.857q-1.216%201.216-2.858%201.926Q13.864%2021%2012%2021t-3.506-.71%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/sentiment-very-satisfied-rounded.svg?color=%231a73e8&size=48
