Meta Filled icon
ant-design:meta-filled
The Meta Filled icon (ant-design:meta-filled) is a free SVG icon from the Ant Design Icons set by HeskeyBaozi. It is drawn on a 1024 × 1024 grid. Ant Design Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Ant Design Icons
- Author
- HeskeyBaozi
- License
- MIT
- Size
- 1024 × 1024
- Tags
- metafilled
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M322.16 214.453c-73.472 0-137.499 47.787-181.85 116.219C90.282 407.765 64 507.632 64 603.429c0 26.358 2.613 51.11 7.84 73.659a247 247 0 0 0 9.893 32.107a198 198 0 0 0 13.851 28.41c25.984 43.27 67.872 71.942 134.139 71.942c55.888 0 98.298-25.051 148.026-91.243c28.374-37.781 42.71-60.704 99.419-161.28l28.224-49.99l6.944-12.133c2.277 3.734 4.517 7.318 6.832 11.2l80.341 134.214c27.03 45.173 62.16 95.424 92.214 123.722c39.05 36.848 74.368 45.547 114.24 45.547c40.133 0 70.037-13.253 91.653-31.472a139.7 139.7 0 0 0 30.24-36.325C948.09 706.73 960 662.379 960 601.973c0-101.546-25.424-199.994-77.803-278.133c-47.861-71.381-110.394-109.387-176.064-109.387c-39.088 0-77.952 17.435-113.978 48.832c-24.342 21.28-46.928 48.16-67.947 76.534c-25.76-32.667-49.84-57.755-73.099-76.758c-44.128-36.064-86.426-48.645-128.949-48.645zM701.467 291.1c42.82 0 81.685 28.298 111.7 74.629c42.262 65.259 61.489 156.613 61.489 238.933c0 57.792-13.739 108.267-68.656 108.267c-21.653 0-38.341-8.587-62.123-37.483c-18.517-22.437-50.138-70.112-105.728-162.698l-23.034-38.379a1677 1677 0 0 0-46.854-73.92c2.614-4.07 5.264-8.363 7.878-12.208c41.813-62.235 79.072-97.141 125.365-97.141zm-380.838 20.645c47.227 0 76.832 29.53 99.867 53.984c11.461 12.208 27.515 32.517 46.07 58.95l-38.08 58.463c-28.262 43.419-70.262 112.635-105.915 161.952c-44.464 61.563-67.574 67.835-92.811 67.835c-19.563 0-38.752-8.848-51.632-29.643c-9.819-15.904-17.323-42.186-17.323-76.384c0-82.917 23.52-169.306 61.974-227.285c16.949-25.648 35.989-45.77 57.232-57.232a84.5 84.5 0 0 1 40.618-10.64"/></svg>How to use the Meta Filled icon
React
import { Icon } from "@iconify/react";
<Icon icon="ant-design:meta-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ant-design:meta-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ant-design:meta-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--meta-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:meta-filled"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ant-design:meta-filled"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ant-design/meta-filled.svg" alt="Meta Filled icon" width="24" height="24">Meta Filled icon FAQ
Is the Meta Filled icon free for commercial use?
Yes. Ant Design Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Meta Filled icon in React?
Install @iconify/react and render <Icon icon="ant-design:meta-filled" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Meta Filled icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ant-design/meta-filled.svg" alt="Meta Filled icon">, or paste the SVG code inline to style it with CSS.