Mastodon Fill アイコン
akar-icons:mastodon-fill
Mastodon Fill アイコン(akar-icons:mastodon-fill)は、Akar Icons セットの無料 SVG アイコンです（作者: Arturo Wibawa）。 24 × 24 のグリッドで描かれています。 Akar Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Akar Icons
- 作者
- Arturo Wibawa
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- mastodonfill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.158 0c-3.068.025-6.02.357-7.74 1.147c0 0-3.41 1.526-3.41 6.733c0 1.192-.024 2.617.014 4.129c.123 5.092.933 10.11 5.64 11.355c2.171.575 4.035.695 5.535.613c2.722-.151 4.25-.972 4.25-.972l-.09-1.974s-1.945.613-4.13.538c-2.163-.074-4.448-.233-4.798-2.89a5.5 5.5 0 0 1-.048-.745s2.124.519 4.816.642c1.647.076 3.19-.096 4.759-.283c3.007-.36 5.625-2.212 5.954-3.905c.519-2.667.476-6.508.476-6.508c0-5.207-3.411-6.733-3.411-6.733C18.255.357 15.302.025 12.233 0zM8.686 4.068c1.278 0 2.245.491 2.885 1.474l.622 1.043l.623-1.043c.64-.983 1.607-1.474 2.885-1.474c1.105 0 1.995.388 2.675 1.146q.987 1.136.986 3.07v6.303h-2.497V8.47c0-1.29-.543-1.945-1.628-1.945c-1.2 0-1.802.777-1.802 2.313v3.349h-2.483v-3.35c0-1.535-.601-2.312-1.802-2.312c-1.085 0-1.628.655-1.628 1.945v6.118H5.024V8.283q0-1.932.987-3.07c.68-.757 1.57-1.145 2.675-1.145"/></svg>Mastodon Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="akar-icons:mastodon-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="akar-icons:mastodon-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="akar-icons:mastodon-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[akar-icons--mastodon-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/akar-icons -->
<div class="i-akar-icons:mastodon-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="akar-icons:mastodon-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/akar-icons/mastodon-fill.svg" alt="Mastodon Fill アイコン" width="24" height="24">他のアイコンセットの Mastodon Fill アイコン
Mastodon Fill アイコン のよくある質問
Mastodon Fill アイコンは商用利用でも無料ですか?
はい。Akar Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mastodon Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="akar-icons:mastodon-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mastodon Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/akar-icons/mastodon-fill.svg" alt="Mastodon Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。