lips icon

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

Name: lips-rounded
Set: Material Symbols Light
Style: Rounded
Category: Social
Viewbox: 24×24
License: Apache 2.0

3 other variants in Material Symbols Light

lips lips-outline lips-outline-rounded

The same icon in other sets

lipsFirefox OS Emoji lipsMaterial Symbols

More social icons from Material Symbols Light

Use the lips icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.967 12.558q-2.273 0-4.458-.5t-4.34-1.162q-.261-.08-.32-.336q-.059-.254.147-.44L6.723 6.7q.348-.31.767-.48t.877-.17q.33 0 .651.09q.322.089.62.262l1.947 1.185q.192.136.424.136q.233 0 .426-.136L14.4 6.402q.298-.173.61-.262q.313-.09.642-.09q.46 0 .888.17q.427.17.776.48l3.67 3.402q.206.187.141.441q-.065.255-.327.342q-2.18.673-4.36 1.173t-4.473.5M11.677 18q-3.048 0-5.37-1.484t-3.673-4.035q-.13-.242.056-.466q.187-.225.46-.119q2.158.731 4.353 1.187t4.459.456q2.307 0 4.522-.474q2.214-.474 4.391-1.211q.292-.106.482.109t.059.481q-1.287 2.539-3.711 4.047Q15.28 18 12.342 18z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightLipsRounded(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="M11.967 12.558q-2.273 0-4.458-.5t-4.34-1.162q-.261-.08-.32-.336q-.059-.254.147-.44L6.723 6.7q.348-.31.767-.48t.877-.17q.33 0 .651.09q.322.089.62.262l1.947 1.185q.192.136.424.136q.233 0 .426-.136L14.4 6.402q.298-.173.61-.262q.313-.09.642-.09q.46 0 .888.17q.427.17.776.48l3.67 3.402q.206.187.141.441q-.065.255-.327.342q-2.18.673-4.36 1.173t-4.473.5M11.677 18q-3.048 0-5.37-1.484t-3.673-4.035q-.13-.242.056-.466q.187-.225.46-.119q2.158.731 4.353 1.187t4.459.456q2.307 0 4.522-.474q2.214-.474 4.391-1.211q.292-.106.482.109t.059.481q-1.287 2.539-3.711 4.047Q15.28 18 12.342 18z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.967 12.558q-2.273 0-4.458-.5t-4.34-1.162q-.261-.08-.32-.336q-.059-.254.147-.44L6.723 6.7q.348-.31.767-.48t.877-.17q.33 0 .651.09q.322.089.62.262l1.947 1.185q.192.136.424.136q.233 0 .426-.136L14.4 6.402q.298-.173.61-.262q.313-.09.642-.09q.46 0 .888.17q.427.17.776.48l3.67 3.402q.206.187.141.441q-.065.255-.327.342q-2.18.673-4.36 1.173t-4.473.5M11.677 18q-3.048 0-5.37-1.484t-3.673-4.035q-.13-.242.056-.466q.187-.225.46-.119q2.158.731 4.353 1.187t4.459.456q2.307 0 4.522-.474q2.214-.474 4.391-1.211q.292-.106.482.109t.059.481q-1.287 2.539-3.711 4.047Q15.28 18 12.342 18z"/></svg>
</template>

CSS

.icon-lips-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%22M11.967%2012.558q-2.273%200-4.458-.5t-4.34-1.162q-.261-.08-.32-.336q-.059-.254.147-.44L6.723%206.7q.348-.31.767-.48t.877-.17q.33%200%20.651.09q.322.089.62.262l1.947%201.185q.192.136.424.136q.233%200%20.426-.136L14.4%206.402q.298-.173.61-.262q.313-.09.642-.09q.46%200%20.888.17q.427.17.776.48l3.67%203.402q.206.187.141.441q-.065.255-.327.342q-2.18.673-4.36%201.173t-4.473.5M11.677%2018q-3.048%200-5.37-1.484t-3.673-4.035q-.13-.242.056-.466q.187-.225.46-.119q2.158.731%204.353%201.187t4.459.456q2.307%200%204.522-.474q2.214-.474%204.391-1.211q.292-.106.482.109t.059.481q-1.287%202.539-3.711%204.047Q15.28%2018%2012.342%2018z%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%22M11.967%2012.558q-2.273%200-4.458-.5t-4.34-1.162q-.261-.08-.32-.336q-.059-.254.147-.44L6.723%206.7q.348-.31.767-.48t.877-.17q.33%200%20.651.09q.322.089.62.262l1.947%201.185q.192.136.424.136q.233%200%20.426-.136L14.4%206.402q.298-.173.61-.262q.313-.09.642-.09q.46%200%20.888.17q.427.17.776.48l3.67%203.402q.206.187.141.441q-.065.255-.327.342q-2.18.673-4.36%201.173t-4.473.5M11.677%2018q-3.048%200-5.37-1.484t-3.673-4.035q-.13-.242.056-.466q.187-.225.46-.119q2.158.731%204.353%201.187t4.459.456q2.307%200%204.522-.474q2.214-.474%204.391-1.211q.292-.106.482.109t.059.481q-1.287%202.539-3.711%204.047Q15.28%2018%2012.342%2018z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/lips-rounded.svg?color=%231a73e8&size=48