Mastodon Filled アイコン

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

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

ant-design:mastodon-filled

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M932.672 262.352C919.605 166.107 834.97 90.245 734.656 75.536C717.706 73.035 653.568 64 505.019 64h-1.12c-148.587 0-180.507 9.035-197.419 11.536c-97.552 14.299-186.63 82.47-208.245 179.872c-10.342 47.973-11.462 101.173-9.558 149.93c2.763 69.963 3.286 139.814 9.707 209.478a967 967 0 0 0 23.147 137.387c20.533 83.514 103.674 152.992 185.173 181.328c87.21 29.568 181.03 34.458 270.89 14.186a396 396 0 0 0 29.345-7.952c21.84-6.87 47.413-14.56 66.229-28.112a2.13 2.13 0 0 0 .859-1.605v-67.536a1.94 1.94 0 0 0-.747-1.53a1.98 1.98 0 0 0-1.717-.374a757.2 757.2 0 0 1-175.803 20.347c-101.92 0-129.285-47.936-137.163-67.872a208.8 208.8 0 0 1-11.909-53.5a1.98 1.98 0 0 1 2.464-2.015a743 743 0 0 0 172.928 20.384c14.037 0 28 0 42-.373c58.613-1.643 120.363-4.63 178.005-15.755c1.419-.299 2.875-.56 4.107-.896c90.907-17.323 177.445-71.68 186.256-209.216c.299-5.413 1.12-56.747 1.12-62.347c.075-19.114 6.235-135.52-.896-207.013m-139.925 343.28h-95.611V373.493c0-48.869-20.533-73.77-62.347-73.77c-45.92 0-68.917 29.493-68.917 87.733v127.045h-95.05V387.42c0-58.24-23.035-87.734-68.993-87.734c-41.514 0-62.272 24.939-62.346 73.808v232.139H244.02V366.475q0-73.36 37.744-116.48c25.984-28.747 60.032-43.456 102.294-43.456c48.944 0 85.941 18.666 110.581 55.925l23.819 39.573l23.818-39.573c24.64-37.296 61.6-55.925 110.507-55.925c42.187 0 76.272 14.746 102.293 43.456c25.2 28.746 37.782 67.573 37.782 116.48z"/></svg>

Mastodon Filled アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="ant-design:mastodon-filled" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ant-design:mastodon-filled" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ant-design:mastodon-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--mastodon-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:mastodon-filled"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ant-design:mastodon-filled"></iconify-icon>

HTML 画像

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

他のアイコンセットの Mastodon Filled アイコン

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

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

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

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

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

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

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

Ant Design Icons をすべて見る →