frown icon

frown-twotone from Ant Design Icons by HeskeyBaozi · TwoTone · MIT Free for personal and commercial use.

Name: frown-twotone
Set: Ant Design Icons
Style: TwoTone
Viewbox: 1024×1024
License: MIT

2 other variants in Ant Design Icons

The same icon in other sets

frownFont Awesome Regular frownFont Awesome Solid frownFeather Icons frownFirefox OS Emoji frownHuge Icons frownLine Awesome frownLucide frownPixelarticons frownUnicons

Use the frown icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448s448-200.6 448-448S759.4 64 512 64m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372s372 166.6 372 372s-166.6 372-372 372"/><path fill="currentColor" fill-opacity=".15" d="M512 140c-205.4 0-372 166.6-372 372s166.6 372 372 372s372-166.6 372-372s-166.6-372-372-372M288 421a48.01 48.01 0 0 1 96 0a48.01 48.01 0 0 1-96 0m376 272h-48.1c-4.2 0-7.8-3.2-8.1-7.4C604 636.1 562.5 597 512 597s-92.1 39.1-95.8 88.6c-.3 4.2-3.9 7.4-8.1 7.4H360a8 8 0 0 1-8-8.4c4.4-84.3 74.5-151.6 160-151.6s155.6 67.3 160 151.6a8 8 0 0 1-8 8.4m24-224a48.01 48.01 0 0 1 0-96a48.01 48.01 0 0 1 0 96"/><path fill="currentColor" d="M288 421a48 48 0 1 0 96 0a48 48 0 1 0-96 0m224 112c-85.5 0-155.6 67.3-160 151.6a8 8 0 0 0 8 8.4h48.1c4.2 0 7.8-3.2 8.1-7.4c3.7-49.5 45.3-88.6 95.8-88.6s92 39.1 95.8 88.6c.3 4.2 3.9 7.4 8.1 7.4H664a8 8 0 0 0 8-8.4C667.6 600.3 597.5 533 512 533m128-112a48 48 0 1 0 96 0a48 48 0 1 0-96 0"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignFrownTwotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448s448-200.6 448-448S759.4 64 512 64m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372s372 166.6 372 372s-166.6 372-372 372"/><path fill="currentColor" fillOpacity=".15" d="M512 140c-205.4 0-372 166.6-372 372s166.6 372 372 372s372-166.6 372-372s-166.6-372-372-372M288 421a48.01 48.01 0 0 1 96 0a48.01 48.01 0 0 1-96 0m376 272h-48.1c-4.2 0-7.8-3.2-8.1-7.4C604 636.1 562.5 597 512 597s-92.1 39.1-95.8 88.6c-.3 4.2-3.9 7.4-8.1 7.4H360a8 8 0 0 1-8-8.4c4.4-84.3 74.5-151.6 160-151.6s155.6 67.3 160 151.6a8 8 0 0 1-8 8.4m24-224a48.01 48.01 0 0 1 0-96a48.01 48.01 0 0 1 0 96"/><path fill="currentColor" d="M288 421a48 48 0 1 0 96 0a48 48 0 1 0-96 0m224 112c-85.5 0-155.6 67.3-160 151.6a8 8 0 0 0 8 8.4h48.1c4.2 0 7.8-3.2 8.1-7.4c3.7-49.5 45.3-88.6 95.8-88.6s92 39.1 95.8 88.6c.3 4.2 3.9 7.4 8.1 7.4H664a8 8 0 0 0 8-8.4C667.6 600.3 597.5 533 512 533m128-112a48 48 0 1 0 96 0a48 48 0 1 0-96 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448s448-200.6 448-448S759.4 64 512 64m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372s372 166.6 372 372s-166.6 372-372 372"/><path fill="currentColor" fill-opacity=".15" d="M512 140c-205.4 0-372 166.6-372 372s166.6 372 372 372s372-166.6 372-372s-166.6-372-372-372M288 421a48.01 48.01 0 0 1 96 0a48.01 48.01 0 0 1-96 0m376 272h-48.1c-4.2 0-7.8-3.2-8.1-7.4C604 636.1 562.5 597 512 597s-92.1 39.1-95.8 88.6c-.3 4.2-3.9 7.4-8.1 7.4H360a8 8 0 0 1-8-8.4c4.4-84.3 74.5-151.6 160-151.6s155.6 67.3 160 151.6a8 8 0 0 1-8 8.4m24-224a48.01 48.01 0 0 1 0-96a48.01 48.01 0 0 1 0 96"/><path fill="currentColor" d="M288 421a48 48 0 1 0 96 0a48 48 0 1 0-96 0m224 112c-85.5 0-155.6 67.3-160 151.6a8 8 0 0 0 8 8.4h48.1c4.2 0 7.8-3.2 8.1-7.4c3.7-49.5 45.3-88.6 95.8-88.6s92 39.1 95.8 88.6c.3 4.2 3.9 7.4 8.1 7.4H664a8 8 0 0 0 8-8.4C667.6 600.3 597.5 533 512 533m128-112a48 48 0 1 0 96 0a48 48 0 1 0-96 0"/></svg>
</template>

CSS

.icon-frown-twotone {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512%2064C264.6%2064%2064%20264.6%2064%20512s200.6%20448%20448%20448s448-200.6%20448-448S759.4%2064%20512%2064m0%20820c-205.4%200-372-166.6-372-372s166.6-372%20372-372s372%20166.6%20372%20372s-166.6%20372-372%20372%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.15%22%20d%3D%22M512%20140c-205.4%200-372%20166.6-372%20372s166.6%20372%20372%20372s372-166.6%20372-372s-166.6-372-372-372M288%20421a48.01%2048.01%200%200%201%2096%200a48.01%2048.01%200%200%201-96%200m376%20272h-48.1c-4.2%200-7.8-3.2-8.1-7.4C604%20636.1%20562.5%20597%20512%20597s-92.1%2039.1-95.8%2088.6c-.3%204.2-3.9%207.4-8.1%207.4H360a8%208%200%200%201-8-8.4c4.4-84.3%2074.5-151.6%20160-151.6s155.6%2067.3%20160%20151.6a8%208%200%200%201-8%208.4m24-224a48.01%2048.01%200%200%201%200-96a48.01%2048.01%200%200%201%200%2096%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M288%20421a48%2048%200%201%200%2096%200a48%2048%200%201%200-96%200m224%20112c-85.5%200-155.6%2067.3-160%20151.6a8%208%200%200%200%208%208.4h48.1c4.2%200%207.8-3.2%208.1-7.4c3.7-49.5%2045.3-88.6%2095.8-88.6s92%2039.1%2095.8%2088.6c.3%204.2%203.9%207.4%208.1%207.4H664a8%208%200%200%200%208-8.4C667.6%20600.3%20597.5%20533%20512%20533m128-112a48%2048%200%201%200%2096%200a48%2048%200%201%200-96%200%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512%2064C264.6%2064%2064%20264.6%2064%20512s200.6%20448%20448%20448s448-200.6%20448-448S759.4%2064%20512%2064m0%20820c-205.4%200-372-166.6-372-372s166.6-372%20372-372s372%20166.6%20372%20372s-166.6%20372-372%20372%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.15%22%20d%3D%22M512%20140c-205.4%200-372%20166.6-372%20372s166.6%20372%20372%20372s372-166.6%20372-372s-166.6-372-372-372M288%20421a48.01%2048.01%200%200%201%2096%200a48.01%2048.01%200%200%201-96%200m376%20272h-48.1c-4.2%200-7.8-3.2-8.1-7.4C604%20636.1%20562.5%20597%20512%20597s-92.1%2039.1-95.8%2088.6c-.3%204.2-3.9%207.4-8.1%207.4H360a8%208%200%200%201-8-8.4c4.4-84.3%2074.5-151.6%20160-151.6s155.6%2067.3%20160%20151.6a8%208%200%200%201-8%208.4m24-224a48.01%2048.01%200%200%201%200-96a48.01%2048.01%200%200%201%200%2096%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M288%20421a48%2048%200%201%200%2096%200a48%2048%200%201%200-96%200m224%20112c-85.5%200-155.6%2067.3-160%20151.6a8%208%200%200%200%208%208.4h48.1c4.2%200%207.8-3.2%208.1-7.4c3.7-49.5%2045.3-88.6%2095.8-88.6s92%2039.1%2095.8%2088.6c.3%204.2%203.9%207.4%208.1%207.4H664a8%208%200%200%200%208-8.4C667.6%20600.3%20597.5%20533%20512%20533m128-112a48%2048%200%201%200%2096%200a48%2048%200%201%200-96%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/frown-twotone.svg?color=%231a73e8&size=48