Brand Messenger Filled アイコン

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

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

tabler:brand-messenger-filled

Brand Messenger Filled アイコン(tabler:brand-messenger-filled)は、Tabler Icons セットの無料 SVG アイコンです（作者: Paweł Kuna）。 24 × 24 のグリッドで描かれています。 Tabler Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Tabler Icons
作者: Paweł Kuna
ライセンス: MIT
サイズ: 24 × 24
タグ: logo、app、application、communication、text、messages、communicator、photos、images、videos、giphy、brand、brandmessenger、messengerfilled、brandmessengerfilled

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18.894 5.446c3.667 3.127 4.168 8.238 1.152 11.897c-2.842 3.447-7.965 4.583-12.231 2.805l-.233-.101l-4.374.931l-.033.005l-.042.008l-.031.002l-.01.003h-.018L3.022 21l-.024-.001l-.02.001l-.033-.003H2.91l-.022-.004l-.022-.002l-.035-.007l-.034-.005l-.016-.004l-.024-.005l-.049-.016l-.024-.005l-.011-.005l-.022-.007l-.045-.02l-.03-.012l-.011-.006l-.014-.006l-.031-.018l-.045-.024l-.016-.011l-.037-.026l-.04-.027l-.015-.013l-.043-.04l-.025-.02l-.062-.07l-.013-.013l-.011-.014l-.027-.04l-.026-.035a1 1 0 0 1-.054-.095l-.006-.013l-.019-.045l-.02-.042l-.004-.016l-.004-.01l-.011-.04l-.013-.04l-.002-.014l-.005-.019l-.005-.033l-.008-.042l-.002-.031l-.003-.026L2 20.022l.001-.036l.001-.023l.002-.053l.004-.025v-.019l.008-.036l.005-.033l.004-.017l.005-.023l.018-.06l.003-.013l1.15-3.45l-.022-.037C.969 12.45 1.97 7.805 5.59 5.079l.23-.168c3.898-2.766 9.469-2.54 13.073.535m-2.062 5a1 1 0 0 0-1.387-.278l-2.318 1.544l-1.42-1.42a1 1 0 0 0-1.262-.124l-3 2a1 1 0 0 0-.277 1.387l.07.093a1 1 0 0 0 1.317.184l2.317-1.545l1.42 1.42a1 1 0 0 0 1.263.125l3-2a1 1 0 0 0 .277-1.387"/></svg>

Brand Messenger Filled アイコンの使い方

React

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

<Icon icon="tabler:brand-messenger-filled" width="24" />

Vue

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

<template>
  <Icon icon="tabler:brand-messenger-filled" width="24" />
</template>

Svelte

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

<Icon icon="tabler:brand-messenger-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[tabler--brand-messenger-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/tabler -->
<div class="i-tabler:brand-messenger-filled"></div>

Web コンポーネント

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

<iconify-icon icon="tabler:brand-messenger-filled"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/tabler/brand-messenger-filled.svg" alt="Brand Messenger Filled アイコン" width="24" height="24">

Tabler Icons の関連アイコン

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

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

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

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

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

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

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

Tabler Icons をすべて見る →