meh icon

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

Name: meh-outlined
Set: Ant Design Icons
Style: Outlined
Viewbox: 1024×1024
License: MIT
Aliases: meh, meh-outline

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="M288 421a48 48 0 1 0 96 0a48 48 0 1 0-96 0m352 0a48 48 0 1 0 96 0a48 48 0 1 0-96 0M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448s448-200.6 448-448S759.4 64 512 64m263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884s-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140s99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.9 368.9 0 0 1 775 775M664 565H360c-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-8"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignMehOutlined(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="M288 421a48 48 0 1 0 96 0a48 48 0 1 0-96 0m352 0a48 48 0 1 0 96 0a48 48 0 1 0-96 0M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448s448-200.6 448-448S759.4 64 512 64m263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884s-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140s99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.9 368.9 0 0 1 775 775M664 565H360c-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-8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M288 421a48 48 0 1 0 96 0a48 48 0 1 0-96 0m352 0a48 48 0 1 0 96 0a48 48 0 1 0-96 0M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448s448-200.6 448-448S759.4 64 512 64m263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884s-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140s99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.9 368.9 0 0 1 775 775M664 565H360c-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-8"/></svg>
</template>

CSS

.icon-meh-outlined {
  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%22M288%20421a48%2048%200%201%200%2096%200a48%2048%200%201%200-96%200m352%200a48%2048%200%201%200%2096%200a48%2048%200%201%200-96%200M512%2064C264.6%2064%2064%20264.6%2064%20512s200.6%20448%20448%20448s448-200.6%20448-448S759.4%2064%20512%2064m263%20711c-34.2%2034.2-74%2061-118.3%2079.8C611%20874.2%20562.3%20884%20512%20884s-99-9.8-144.8-29.2A370.4%20370.4%200%200%201%20248.9%20775c-34.2-34.2-61-74-79.8-118.3C149.8%20611%20140%20562.3%20140%20512s9.8-99%2029.2-144.8A370.4%20370.4%200%200%201%20249%20248.9c34.2-34.2%2074-61%20118.3-79.8C413%20149.8%20461.7%20140%20512%20140s99%209.8%20144.8%2029.2A370.4%20370.4%200%200%201%20775.1%20249c34.2%2034.2%2061%2074%2079.8%20118.3C874.2%20413%20884%20461.7%20884%20512s-9.8%2099-29.2%20144.8A368.9%20368.9%200%200%201%20775%20775M664%20565H360c-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-8%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%22M288%20421a48%2048%200%201%200%2096%200a48%2048%200%201%200-96%200m352%200a48%2048%200%201%200%2096%200a48%2048%200%201%200-96%200M512%2064C264.6%2064%2064%20264.6%2064%20512s200.6%20448%20448%20448s448-200.6%20448-448S759.4%2064%20512%2064m263%20711c-34.2%2034.2-74%2061-118.3%2079.8C611%20874.2%20562.3%20884%20512%20884s-99-9.8-144.8-29.2A370.4%20370.4%200%200%201%20248.9%20775c-34.2-34.2-61-74-79.8-118.3C149.8%20611%20140%20562.3%20140%20512s9.8-99%2029.2-144.8A370.4%20370.4%200%200%201%20249%20248.9c34.2-34.2%2074-61%20118.3-79.8C413%20149.8%20461.7%20140%20512%20140s99%209.8%20144.8%2029.2A370.4%20370.4%200%200%201%20775.1%20249c34.2%2034.2%2061%2074%2079.8%20118.3C874.2%20413%20884%20461.7%20884%20512s-9.8%2099-29.2%20144.8A368.9%20368.9%200%200%201%20775%20775M664%20565H360c-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-8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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