Microsoft Teams 2018 Light アイコン

Q: Microsoft Teams 2018 Light アイコンは商用利用でも無料ですか?

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

selfhst:microsoft-teams-2018-light

Microsoft Teams 2018 Light アイコン(selfhst:microsoft-teams-2018-light)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512
タグ: microsoftteams、teamslight、microsoftteamslight、team

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M402.1 359.5v6.9c0 .9-.1 1.8-.1 2.6v.7c-3.7 67.6-58.9 122.2-127.6 124c-59.2-1.5-108.4-42.3-123.2-96.8h88.5c16 0 29-13 29-29V201.6h117.5c.3 0 .6 0 .9.1c.3 0 .5 0 .8.1c.3 0 .6.1.8.1c.3 0 .5.1.8.1c.3.1.5.1.8.2s.5.1.8.2s.5.2.7.3s.5.2.7.3s.5.2.7.3s.5.2.7.4c.2.1.4.3.6.4s.5.3.7.4s.4.3.6.4c.2.2.4.3.7.5l.5.5l.6.6c.2.2.3.3.4.5c.2.2.4.4.6.7c.1.2.3.4.4.5c.2.2.4.5.5.7l.3.6c.2.3.3.5.5.8l.3.6c.1.3.3.6.4.9c.1.2.1.4.2.6l.3.9c.1.2.1.4.1.6c.1.3.2.6.2.9c0 .2.1.5.1.7c0 .3.1.6.1.9c0 .6.1 1.1.1 1.7zM239.7 114.9c16 0 29 13 29 29v19c3.8.6 7.7 1 11.7 1c40.1 0 72.7-32.6 72.7-72.7s-32.6-72.7-72.7-72.7s-72.7 32.6-72.7 72.7c0 8.3 1.4 16.3 4 23.8h28zm255.8 86.7h-85s0 .1.1.1c.3.5.7 1.1 1 1.6c.1.1.1.2.2.4c.3.5.5 1 .8 1.5c0 .1.1.2.1.3c.3.6.5 1.2.8 1.8c.1.1.1.3.1.4c.2.6.4 1.1.6 1.7c0 .1 0 .1.1.2c.2.6.4 1.3.5 1.9c0 .1.1.3.1.4c.1.6.2 1.3.3 1.9v.1c.1.7.2 1.3.2 2v.5c0 .7.1 1.4.1 2.1v144.7c-.1 18.1-3.4 35.6-10 52.3c8.8 3.3 18 4.9 27.5 4.9h.4c43.3 0 78.6-35.3 78.6-78.6V218.1c0-9.1-7.4-16.5-16.5-16.5m-44-37.8c26.6 0 48.3-21.7 48.3-48.3s-21.7-48.3-48.3-48.3s-48.3 21.7-48.3 48.3s21.6 48.3 48.3 48.3m-211.8-35.6c8.7 0 15.7 7 15.7 15.7v224c0 8.7-7 15.7-15.7 15.7H15.6c-4.1 0-7.9-1.6-10.9-4.5c-3-3-4.6-6.9-4.6-11.1V143.9c0-8.7 7-15.7 15.7-15.7zm-53.1 54.9H68.7v23.7h44.6v121.9h28.5V206.8h44.7v-23.7z"/></svg>

Microsoft Teams 2018 Light アイコンの使い方

React

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

<Icon icon="selfhst:microsoft-teams-2018-light" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:microsoft-teams-2018-light" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:microsoft-teams-2018-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--microsoft-teams-2018-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:microsoft-teams-2018-light"></div>

Web コンポーネント

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

<iconify-icon icon="selfhst:microsoft-teams-2018-light"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/microsoft-teams-2018-light.svg" alt="Microsoft Teams 2018 Light アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

Microsoft Teams 2018 Light アイコンのよくある質問

Microsoft Teams 2018 Light アイコンは商用利用でも無料ですか?

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

React で Microsoft Teams 2018 Light アイコンを使うには?

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

Microsoft Teams 2018 Light アイコンをウェブページに追加するには?

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

selfh.st/icons をすべて見る →