Mastodon 16 アイコン
qlementine-icons:mastodon-16
Mastodon 16 アイコン(qlementine-icons:mastodon-16)は、Qlementine Icons セットの無料 SVG アイコンです（作者: Olivier Cléro）。 24 × 24 のグリッドで描かれています。 Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Qlementine Icons
- 作者
- Olivier Cléro
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- ブランド
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.44 3.52c.444-.647 1.12-.966 2.01-.966c.773 0 1.39.261 1.86.754c.454.493.686 1.17.686 2.01v4.13h-1.74v-4.01c0-.841-.377-1.28-1.14-1.28c-.841 0-1.26.512-1.26 1.52v2.19h-1.73v-2.19c0-1-.415-1.52-1.26-1.52c-.763 0-1.14.435-1.14 1.28v4.01h-1.74v-4.13c0-.841.232-1.52.686-2.01c.473-.502 1.09-.754 1.86-.754c.899 0 1.57.319 2.02.966l.435.686l.435-.686z"/><path fill="currentColor" fill-rule="evenodd" d="M15.5 2.72c.17.37.36.84.45 1.43v.01c.1.59 0 3.52 0 3.52s-.13 1.68-.56 2.56c-.66 1.31-1.92 2.17-3.91 2.41c.25.33.19 1.2.14 1.61c-.101.943-1.13 1.21-1.95 1.41q-.233.059-.431.116c-3.24.69-7.56-.21-8.71-3.78c-.41-1.54-.54-3.89-.54-5.96s.13-2.99 1.14-4.17c1.25-1.44 3.12-1.88 6.74-1.88c3.17 0 6.43.08 7.63 2.72zm-3.75 8.87c1.53-.26 2.9-1.1 3.14-3.28c.13-1.24.14-3.4 0-4.21c-.13-.81-.48-1.3-.84-1.72c-1.11-1.3-2.94-1.33-5.72-1.37l-.496-.008c-3.73.03-5.72.19-6.71 2.99c-.275 1.45-.174 2.94-.074 4.41c.027.405.055.808.074 1.21c.07.73.2 1.44.38 2.15c.34 1.3 1.72 2.39 3.06 2.83c1.94.59 4.26.63 6.06-.37v-1.06c0-.01-.01-.02-.01-.02c-1.51.33-4.29.47-5.19-.75c-.16-.23-.28-.76-.16-.87c2.12.47 4.36.39 6.49.07z" clip-rule="evenodd"/></svg>Mastodon 16 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:mastodon-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:mastodon-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:mastodon-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--mastodon-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:mastodon-16"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:mastodon-16"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/qlementine-icons/mastodon-16.svg" alt="Mastodon 16 アイコン" width="24" height="24">Qlementine Icons の関連アイコン
Mastodon 16 アイコン のよくある質問
Mastodon 16 アイコンは商用利用でも無料ですか?
はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mastodon 16 アイコンを使うには?
@iconify/react をインストールして <Icon icon="qlementine-icons:mastodon-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mastodon 16 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/qlementine-icons/mastodon-16.svg" alt="Mastodon 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。