ICONYZ
日本語
Font Awesome Brands の Mattermost アイコン

Mattermost アイコン

fa7-brands:mattermost

Mattermost アイコン(fa7-brands:mattermost)は、Font Awesome Brands セットの無料 SVG アイコンです(作者: Dave Gandy)。 640 × 640 のグリッドで描かれています。 Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Font Awesome Brands
作者
Dave Gandy
ライセンス
CC-BY-4.0
サイズ
640 × 640
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="m326.9 64.1l-35 41.4c-64.9 11.7-120.9 56-142.9 121c-32.7 96.6 22.2 202.6 122.6 236.6S480 446.2 512.7 349.5c21.9-64.8 4.5-133.7-39.5-182.3l-2.7-54.3c88.3 64.1 128.8 180.4 92 289.2C517.1 536 371.8 607.7 238 562.4S32.3 371.8 77.6 237.9C114.5 129 217.6 61.1 326.9 64.1m71.8 23.6c1.4.5 2.5 1.5 3.2 2.7c0 .1.1.1.2.2s.1.2.1.3c.3.6.6 1.4.8 2.3c.6 4.3.4 22.1.4 22.5l1 37.9l1.5 43.7l1.9 76c0 .7.5 35.2-23.4 58.7c-24.2 23.7-54 21.6-73.3 15s-44.3-22.9-49.2-56.5s17-60.8 17-60.8l47.5-59.4l27.7-33.8L378 107c.2-.3 11-14.7 14-17.7c.6-.6 1.3-1 1.9-1.3c.1-.1.3-.2.4-.2h.1c1.3-.6 2.8-.7 4.3-.2z"/></svg>

Mattermost アイコンの使い方

React

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

<Icon icon="fa7-brands:mattermost" width="24" />

Vue

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

<template>
  <Icon icon="fa7-brands:mattermost" width="24" />
</template>

Svelte

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

<Icon icon="fa7-brands:mattermost" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-brands--mattermost]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa7-brands -->
<div class="i-fa7-brands:mattermost"></div>

Web コンポーネント

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

<iconify-icon icon="fa7-brands:mattermost"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fa7-brands/mattermost.svg" alt="Mattermost アイコン" width="24" height="24">

他のアイコンセットの Mattermost アイコン

Mattermost アイコン のよくある質問

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

はい。Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Font Awesome Brands アイコン をすべて見る →