ICONYZ
日本語
Remix Icon の Mastodon Fill アイコン

Mastodon Fill アイコン

ri:mastodon-fill

Mastodon Fill アイコン(ri:mastodon-fill)は、Remix Icon セットの無料 SVG アイコンです(作者: Remix Design)。 24 × 24 のグリッドで描かれています。 Remix Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Remix Icon
作者
Remix Design
ライセンス
Apache-2.0
サイズ
24 × 24
カテゴリ
ロゴ
タグ
mastodonfill
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.26 13.99c-.275 1.41-2.457 2.955-4.963 3.254c-1.306.156-2.593.3-3.965.236c-2.244-.103-4.014-.535-4.014-.535q0 .328.04.62c.292 2.215 2.196 2.347 4 2.41c1.82.061 3.44-.45 3.44-.45l.075 1.646s-1.273.684-3.54.81c-1.252.068-2.805-.032-4.613-.51c-3.923-1.039-4.598-5.22-4.701-9.464c-.032-1.26-.012-2.447-.012-3.44c0-4.34 2.843-5.611 2.843-5.611C7.283 2.298 9.742 2.021 12.3 2h.062c2.557.02 5.018.298 6.451.956c0 0 2.843 1.272 2.843 5.61c0 0 .036 3.201-.396 5.424m-2.957-5.087q0-1.611-.823-2.558c-.566-.631-1.307-.955-2.228-.955c-1.065 0-1.872.41-2.405 1.228l-.518.87l-.519-.87C11.277 5.8 10.47 5.39 9.406 5.39c-.921 0-1.663.324-2.229.955q-.823.947-.822 2.558v5.253h2.081V9.057c0-1.075.452-1.62 1.357-1.62c1 0 1.501.647 1.501 1.927v2.79h2.07v-2.79c0-1.28.5-1.927 1.5-1.927c.905 0 1.358.545 1.358 1.62v5.1h2.08z"/></svg>

Mastodon Fill アイコンの使い方

React

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

<Icon icon="ri:mastodon-fill" width="24" />

Vue

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

<template>
  <Icon icon="ri:mastodon-fill" width="24" />
</template>

Svelte

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

<Icon icon="ri:mastodon-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ri--mastodon-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ri -->
<div class="i-ri:mastodon-fill"></div>

Web コンポーネント

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

<iconify-icon icon="ri:mastodon-fill"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ri/mastodon-fill.svg" alt="Mastodon Fill アイコン" width="24" height="24">

Remix Icon の関連アイコン

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

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

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

はい。Remix Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Remix Icon アイコン をすべて見る →