Meta Filled アイコン

Q: Meta Filled アイコンは商用利用でも無料ですか?

はい。Ant Design Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

ant-design:meta-filled

Meta Filled アイコン(ant-design:meta-filled)は、Ant Design Icons セットの無料 SVG アイコンです（作者: HeskeyBaozi）。 1024 × 1024 のグリッドで描かれています。 Ant Design Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Ant Design Icons
作者: HeskeyBaozi
ライセンス: MIT
サイズ: 1024 × 1024
タグ: metafilled

SVG をダウンロード

SVG コード

<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>

Meta Filled アイコンの使い方

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 コンポーネント

<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 画像

<img src="https://iconyz.com/api/public/svg/ant-design/meta-filled.svg" alt="Meta Filled アイコン" width="24" height="24">

Meta Filled アイコンのよくある質問

Meta Filled アイコンは商用利用でも無料ですか?

はい。Ant Design Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Meta Filled アイコンを使うには?

@iconify/react をインストールして <Icon icon="ant-design:meta-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Meta Filled アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ant-design/meta-filled.svg" alt="Meta Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Ant Design Icons をすべて見る →