meh icon

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

Name: meh-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

mehBoxIcons v2 mehBoxIcons v2 Solid mehFont Awesome Regular mehFont Awesome Solid mehFeather Icons mehHuge Icons mehLine Awesome mehLucide meh-fillMingCute Icon mehPixelarticons mehUnicons

Use the meh 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 0m384 200c0 4.4-3.6 8-8 8H360c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h304c4.4 0 8 3.6 8 8zm16-152a48.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 0m376 144H360c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h304c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8m-24-144a48 48 0 1 0 96 0a48 48 0 1 0-96 0"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignMehTwotone(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 0m384 200c0 4.4-3.6 8-8 8H360c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h304c4.4 0 8 3.6 8 8zm16-152a48.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 0m376 144H360c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h304c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8m-24-144a48 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 0m384 200c0 4.4-3.6 8-8 8H360c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h304c4.4 0 8 3.6 8 8zm16-152a48.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 0m376 144H360c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h304c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8m-24-144a48 48 0 1 0 96 0a48 48 0 1 0-96 0"/></svg>
</template>

CSS

.icon-meh-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%200m384%20200c0%204.4-3.6%208-8%208H360c-4.4%200-8-3.6-8-8v-48c0-4.4%203.6-8%208-8h304c4.4%200%208%203.6%208%208zm16-152a48.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%200m376%20144H360c-4.4%200-8%203.6-8%208v48c0%204.4%203.6%208%208%208h304c4.4%200%208-3.6%208-8v-48c0-4.4-3.6-8-8-8m-24-144a48%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%200m384%20200c0%204.4-3.6%208-8%208H360c-4.4%200-8-3.6-8-8v-48c0-4.4%203.6-8%208-8h304c4.4%200%208%203.6%208%208zm16-152a48.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%200m376%20144H360c-4.4%200-8%203.6-8%208v48c0%204.4%203.6%208%208%208h304c4.4%200%208-3.6%208-8v-48c0-4.4-3.6-8-8-8m-24-144a48%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/meh-twotone.svg?color=%231a73e8&size=48