Student アイコン

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

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

fluent-emoji-flat:student

Student アイコン(fluent-emoji-flat:student)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent Emoji Flat
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 32 × 32
カテゴリ: 人物・体

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><path id="SVGCTr791Du" fill="#ffc83d" d="m12.113 5.556l2.477.404a10.3 10.3 0 0 0 2.403.072c.435.354.987.558 1.567.558h1.43c.8.04 1.43.71 1.41 1.52l-.011.483l-.31 4.967A3.96 3.96 0 0 1 17.15 17h-1.9a3.96 3.96 0 0 1-3.93-3.44l-.359-5.482a3.4 3.4 0 0 1 1.153-2.522"/></defs><g fill="none"><path fill="#212121" d="M11.412 16.5h9.175c-1.396-.642-2.95-1-4.587-1s-3.191.358-4.588 1M23 18.5H9L7 24l2 6h14l2-6z"/><path fill="#000" d="M23 30V18.594c-1.37 2.46-3.982 4.126-7 4.126a7.99 7.99 0 0 1-7-4.124V30H5v-3.5c-.01-3.41 1.57-6.47 4-8.5v.013a10.98 10.98 0 0 1 7-2.513c2.661 0 5.099.939 7 2.512V18c2.45 2.02 4 5.09 4 8.5V30z"/><path fill="#000" d="M12.5 29.99v-5.25c0-.28-.22-.5-.5-.5s-.5.22-.5.5v5.25zm4 0v-5.25c0-.28-.22-.5-.5-.5s-.5.22-.5.5v5.25zm4 0v-5.25c0-.28-.22-.5-.5-.5s-.5.22-.5.5v5.25z"/><path fill="#f9c23c" d="M25.33 13.78a.86.86 0 0 0-.82-.61c-.39 0-.71.25-.82.61l-.58 2.11c-.07.24.11.48.36.48h2.07c.25 0 .43-.24.36-.48z"/><path fill="#fcb100" d="M14.116 16.835L15.07 16H17l.83.942c-.19.507-.5.968-.91 1.338l-.65.58c-.16.14-.39.14-.55 0l-.65-.58a3.5 3.5 0 0 1-.954-1.445"/><path fill="#f1a11e" d="M22.38 5.29c-.3-.52-.77-.88-1.29-1.06a2.56 2.56 0 0 1-1.38-1.08a2.38 2.38 0 0 0-2.97-.96c-.39.17-.83.17-1.22 0c-.29-.12-.61-.19-.94-.19c-.85 0-1.59.44-2.01 1.11c-.33.52-.83.92-1.41 1.12c-.55.19-1.03.58-1.33 1.13a2.4 2.4 0 0 0 .15 2.48c.18.26.27.56.27.88v4.17c0 .93.59 1.76 1.47 2.06l1.89.65V8.17c.15-.15.28-.31.39-.5c.17-.29.27-.61.3-.92a2.32 2.32 0 0 0 1.82-.55c.42.35.95.57 1.54.57c.1 0 .19-.01.28-.02a2.37 2.37 0 0 0 .68 1.42v7.43l1.89-.65c.88-.3 1.47-1.13 1.47-2.06V8.72c0-.31.1-.62.28-.88c.52-.73.6-1.72.12-2.55"/><use href="#SVGCTr791Du"/><path fill="#fdbb11" d="M11.016 8.932a1.67 1.67 0 0 0 .204 3.328h.014l.652-1.67zm10.145 3.322a1.67 1.67 0 0 0 .205-3.298L19.73 10.59z"/><use href="#SVGCTr791Du"/><path fill="#990839" d="M16.13 13.69c-.54 0-1.05-.13-1.48-.36c-.15-.08-.3.09-.21.23c.36.55.98.92 1.69.92s1.33-.37 1.69-.92c.09-.14-.07-.3-.21-.23c-.43.23-.93.36-1.48.36"/><path fill="#ed9200" d="m15.82 10.31l-.53 1.71c-.11.35.15.71.52.71h.78c.37 0 .63-.36.52-.71l-.53-1.71c-.11-.37-.65-.37-.76 0"/><path fill="#fff" d="M12.3 10.28c.16-.62.72-1.08 1.39-1.08c.69 0 1.27.5 1.4 1.15a.23.23 0 0 1-.23.28h-2.28c-.18 0-.32-.17-.28-.35m7.67 0c-.16-.62-.72-1.08-1.39-1.08c-.7 0-1.27.5-1.39 1.15c-.03.15.08.28.23.28h2.28c.18 0 .31-.17.27-.35"/><path fill="#7d4533" d="M12.99 10.39c0-.5.41-.91.91-.91a.915.915 0 0 1 .88 1.15h-1.76a1 1 0 0 1-.03-.24m6.29 0c0-.5-.41-.91-.91-.91a.9.9 0 0 0-.91.91q0 .12.03.24h1.76q.03-.12.03-.24"/><path fill="#000" d="M13.9 9.87a.516.516 0 0 1 .46.76h-.92a.516.516 0 0 1 .46-.76m4.47 0a.516.516 0 0 0-.46.76h.92q.06-.105.06-.24c0-.29-.23-.52-.52-.52"/><path fill="#fff" d="M13.75 10.03a.16.16 0 1 1-.32 0a.16.16 0 0 1 .32 0m4.49 0a.16.16 0 1 1-.32 0a.16.16 0 0 1 .32 0"/><path fill="#1c1c1c" d="M24.11 3.6h-2.764l.974 1.59l-4.66.76c-1.02.16-2.05.16-3.07.01L9.93 5.2l.98-1.6H8.14c-.44 0-.8-.36-.8-.8s.36-.8.8-.8H24.1c.44 0 .8.36.8.8h.01v8.88a.86.86 0 1 1-.8 0z"/><path fill="#d37034" d="M12.436 8.006a.274.274 0 1 0 .336.432l.095-.062a2.26 2.26 0 0 1 1.405-.292a.274.274 0 0 0 .064-.544a2.8 2.8 0 0 0-1.75.366zm7.372.028a.274.274 0 0 1-.336.432l-.002-.001l-.017-.012l-.076-.049a2.26 2.26 0 0 0-1.405-.292a.274.274 0 1 1-.064-.544a2.8 2.8 0 0 1 1.75.366a2 2 0 0 1 .137.09l.009.006z"/></g></svg>

Student アイコンの使い方

React

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

<Icon icon="fluent-emoji-flat:student" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-flat:student" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-flat:student" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--student]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:student"></div>

Web コンポーネント

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

<iconify-icon icon="fluent-emoji-flat:student"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/student.svg" alt="Student アイコン" width="24" height="24">

Fluent Emoji Flat の関連アイコン

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

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

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

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

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

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

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

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

Fluent Emoji Flat アイコンをすべて見る →