Yammer アイコン
fa7-brands:yammer
Yammer アイコン(fa7-brands:yammer)は、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 xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M564.7 223.5c-.4-1.8-1.2-3.4-2.3-4.8s-2.5-2.6-4.1-3.5c-3.1-1.6-6.7-2-10.1-1.1l-26.4 6.6v-.2l-22.3 5.8l-1.2.3l-.6-2.2c-15.5-58.3-45-111.9-86.1-156.2c-2.6-2.7-6.1-4.2-9.8-4.3s-7.3 1.3-10 3.8L288.9 170.4H89c-6.6 0-12.9 2.6-17.6 7.3S64 188.8 64 195.4v249c0 6.6 2.6 12.9 7.3 17.6s11 7.3 17.6 7.3H289L392.1 572c2.6 2.6 6 4 9.7 4s7.1-1.4 9.7-4c.1-.1.2-.3.4-.4c29.3-31.5 52.8-67.8 69.6-107.4c6.9-16.5 12.7-33.5 17.3-50.8l20.4 5.3v-.1l28.3 7.3c.9.2 1.7.4 2.6.5c1.4.2 2.8.2 4.1-.1c2.5-.5 4.8-1.7 6.7-3.4s3.2-4 3.8-6.5c15.2-63.4 15.2-129.6.1-193zm-273.8 30.3l-52.6 91.3c-1 1.7-1.5 3.7-1.5 5.7V397c0 5.8-2.3 11.4-6.5 15.6s-9.7 6.4-15.6 6.4h-3.4c-5.8 0-11.4-2.3-15.6-6.4s-6.5-9.7-6.5-15.6v-45.7c0-1.9-.5-3.8-1.4-5.5l-51.5-92.2c-1.9-3.4-2.8-7.1-2.8-11s1.1-7.6 3-10.9s4.7-6.1 8.1-8s7.1-2.9 11-2.9h3.3c4 0 8 1.1 11.5 3.2s6.3 5.1 8.1 8.7l36.4 70.3l37.5-70.5c1.8-3.5 4.6-6.4 7.9-8.4s7.2-3.2 11.1-3.2s7.8.9 11.2 2.8s6.3 4.7 8.2 8.1c2 3.3 3 7.1 3 11s-1 7.7-3 11zM401.1 88.7c35.9 40.6 61.9 89 75.8 141.3l.6 2l-114.1 29.6v-66.1c0-6.6-2.7-12.9-7.3-17.6s-11-7.3-17.6-7.3h-19.4l82.1-81.8zM461.6 456c-14.7 34.8-35.1 67-60.2 95.2l-82.2-81.9h19.2c6.6 0 12.9-2.6 17.6-7.3s7.3-11 7.3-17.6v-66.2l114.6 29.9c-4.4 16.3-9.8 32.3-16.3 47.9m84-52.4L495 390.5l-131.7-34.3v-72.5l119.7-31l4.5-1.2c29.9-7.7 49.2-12.8 58.1-15.1c12 55.1 12 112.1 0 167.2"/></svg>Yammer アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-brands:yammer" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-brands:yammer" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-brands:yammer" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-brands--yammer]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-brands -->
<div class="i-fa7-brands:yammer"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-brands:yammer"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fa7-brands/yammer.svg" alt="Yammer アイコン" width="24" height="24">他のアイコンセットの Yammer アイコン
Yammer アイコン のよくある質問
Yammer アイコンは商用利用でも無料ですか?
はい。Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Yammer アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa7-brands:yammer" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Yammer アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa7-brands/yammer.svg" alt="Yammer アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。