sentiment content icon

sentiment-content-outline-rounded from Material Symbols Light by Google · Outline Rounded · Social · Apache-2.0 Free for personal and commercial use.

Name: sentiment-content-outline-rounded
Set: Material Symbols Light
Style: Outline Rounded
Category: Social
Viewbox: 24×24
License: Apache 2.0

3 other variants in Material Symbols Light

sentiment-content sentiment-content-outline sentiment-content-rounded

The same icon in other sets

sentiment-contentMaterial Symbols

More social icons from Material Symbols Light

Use the sentiment content icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.75 15.192h4.5q.192 0 .317-.125t.125-.316t-.125-.317t-.317-.126h-4.5q-.192 0-.317.125t-.125.316t.125.317t.317.126m-1.257 5.1q-1.643-.709-2.859-1.923t-1.925-2.857T3 12.003t.709-3.51Q4.417 6.85 5.63 5.634t2.857-1.925T11.997 3t3.51.709q1.643.708 2.859 1.922t1.925 2.857t.709 3.509t-.708 3.51t-1.924 2.859t-2.856 1.925t-3.509.709t-3.51-.708m9.182-2.617Q20 15.35 20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20t5.675-2.325M8.596 8.808q-.52 0-.996.225t-.856.592q-.134.16-.125.353t.17.291q.153.117.338.096q.185-.02.339-.163q.257-.214.53-.359t.6-.145t.6.138t.531.347q.154.13.338.154t.339-.093q.16-.098.179-.291q.019-.194-.135-.328q-.38-.367-.856-.592t-.996-.225m6.81 0q-.52 0-1.002.225q-.483.225-.863.592q-.135.16-.12.35t.175.294q.154.117.339.1q.184-.019.338-.161q.258-.208.53-.356q.274-.148.6-.148q.334 0 .607.148t.53.356q.154.142.336.16t.336-.099q.16-.098.169-.291q.01-.194-.125-.353q-.381-.367-.855-.592t-.995-.225"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightSentimentContentOutlineRounded(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="M9.75 15.192h4.5q.192 0 .317-.125t.125-.316t-.125-.317t-.317-.126h-4.5q-.192 0-.317.125t-.125.316t.125.317t.317.126m-1.257 5.1q-1.643-.709-2.859-1.923t-1.925-2.857T3 12.003t.709-3.51Q4.417 6.85 5.63 5.634t2.857-1.925T11.997 3t3.51.709q1.643.708 2.859 1.922t1.925 2.857t.709 3.509t-.708 3.51t-1.924 2.859t-2.856 1.925t-3.509.709t-3.51-.708m9.182-2.617Q20 15.35 20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20t5.675-2.325M8.596 8.808q-.52 0-.996.225t-.856.592q-.134.16-.125.353t.17.291q.153.117.338.096q.185-.02.339-.163q.257-.214.53-.359t.6-.145t.6.138t.531.347q.154.13.338.154t.339-.093q.16-.098.179-.291q.019-.194-.135-.328q-.38-.367-.856-.592t-.996-.225m6.81 0q-.52 0-1.002.225q-.483.225-.863.592q-.135.16-.12.35t.175.294q.154.117.339.1q.184-.019.338-.161q.258-.208.53-.356q.274-.148.6-.148q.334 0 .607.148t.53.356q.154.142.336.16t.336-.099q.16-.098.169-.291q.01-.194-.125-.353q-.381-.367-.855-.592t-.995-.225"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.75 15.192h4.5q.192 0 .317-.125t.125-.316t-.125-.317t-.317-.126h-4.5q-.192 0-.317.125t-.125.316t.125.317t.317.126m-1.257 5.1q-1.643-.709-2.859-1.923t-1.925-2.857T3 12.003t.709-3.51Q4.417 6.85 5.63 5.634t2.857-1.925T11.997 3t3.51.709q1.643.708 2.859 1.922t1.925 2.857t.709 3.509t-.708 3.51t-1.924 2.859t-2.856 1.925t-3.509.709t-3.51-.708m9.182-2.617Q20 15.35 20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20t5.675-2.325M8.596 8.808q-.52 0-.996.225t-.856.592q-.134.16-.125.353t.17.291q.153.117.338.096q.185-.02.339-.163q.257-.214.53-.359t.6-.145t.6.138t.531.347q.154.13.338.154t.339-.093q.16-.098.179-.291q.019-.194-.135-.328q-.38-.367-.856-.592t-.996-.225m6.81 0q-.52 0-1.002.225q-.483.225-.863.592q-.135.16-.12.35t.175.294q.154.117.339.1q.184-.019.338-.161q.258-.208.53-.356q.274-.148.6-.148q.334 0 .607.148t.53.356q.154.142.336.16t.336-.099q.16-.098.169-.291q.01-.194-.125-.353q-.381-.367-.855-.592t-.995-.225"/></svg>
</template>

CSS

.icon-sentiment-content-outline-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%22M9.75%2015.192h4.5q.192%200%20.317-.125t.125-.316t-.125-.317t-.317-.126h-4.5q-.192%200-.317.125t-.125.316t.125.317t.317.126m-1.257%205.1q-1.643-.709-2.859-1.923t-1.925-2.857T3%2012.003t.709-3.51Q4.417%206.85%205.63%205.634t2.857-1.925T11.997%203t3.51.709q1.643.708%202.859%201.922t1.925%202.857t.709%203.509t-.708%203.51t-1.924%202.859t-2.856%201.925t-3.509.709t-3.51-.708m9.182-2.617Q20%2015.35%2020%2012t-2.325-5.675T12%204T6.325%206.325T4%2012t2.325%205.675T12%2020t5.675-2.325M8.596%208.808q-.52%200-.996.225t-.856.592q-.134.16-.125.353t.17.291q.153.117.338.096q.185-.02.339-.163q.257-.214.53-.359t.6-.145t.6.138t.531.347q.154.13.338.154t.339-.093q.16-.098.179-.291q.019-.194-.135-.328q-.38-.367-.856-.592t-.996-.225m6.81%200q-.52%200-1.002.225q-.483.225-.863.592q-.135.16-.12.35t.175.294q.154.117.339.1q.184-.019.338-.161q.258-.208.53-.356q.274-.148.6-.148q.334%200%20.607.148t.53.356q.154.142.336.16t.336-.099q.16-.098.169-.291q.01-.194-.125-.353q-.381-.367-.855-.592t-.995-.225%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%22M9.75%2015.192h4.5q.192%200%20.317-.125t.125-.316t-.125-.317t-.317-.126h-4.5q-.192%200-.317.125t-.125.316t.125.317t.317.126m-1.257%205.1q-1.643-.709-2.859-1.923t-1.925-2.857T3%2012.003t.709-3.51Q4.417%206.85%205.63%205.634t2.857-1.925T11.997%203t3.51.709q1.643.708%202.859%201.922t1.925%202.857t.709%203.509t-.708%203.51t-1.924%202.859t-2.856%201.925t-3.509.709t-3.51-.708m9.182-2.617Q20%2015.35%2020%2012t-2.325-5.675T12%204T6.325%206.325T4%2012t2.325%205.675T12%2020t5.675-2.325M8.596%208.808q-.52%200-.996.225t-.856.592q-.134.16-.125.353t.17.291q.153.117.338.096q.185-.02.339-.163q.257-.214.53-.359t.6-.145t.6.138t.531.347q.154.13.338.154t.339-.093q.16-.098.179-.291q.019-.194-.135-.328q-.38-.367-.856-.592t-.996-.225m6.81%200q-.52%200-1.002.225q-.483.225-.863.592q-.135.16-.12.35t.175.294q.154.117.339.1q.184-.019.338-.161q.258-.208.53-.356q.274-.148.6-.148q.334%200%20.607.148t.53.356q.154.142.336.16t.336-.099q.16-.098.169-.291q.01-.194-.125-.353q-.381-.367-.855-.592t-.995-.225%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-content-outline-rounded.svg?color=%231a73e8&size=48