School アイコン

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

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

noto:school

School アイコン(noto:school)は、Noto Emoji セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Noto Emoji
作者: Google Inc
ライセンス: Apache-2.0
サイズ: 128 × 128
カテゴリ: 旅行・場所

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#F8C778" d="M6.33 66.37v57.72h116.06V66.15S99.17 50.13 98.1 49.98s-32.26-28.7-32.26-28.7L31.46 49.01z"/><path fill="#F5B03F" d="M6.33 66.31h27.4l-.03 57.72h4.55l.03-70.27L65.16 30.1l27.12 24.8l-.07 69.13h4.26l.07-58.05l25.85.18v-3.45L98.81 50.07L67.27 22.36L32.45 49.5L6.35 63.01z"/><path fill="#A62714" d="M13.1 42.57c-.18.29-7.15 19.51-7.28 19.91s.2.87 1 .94s28.39 0 28.39 0l-.08-11.78s29.62-26.66 29.95-26.66s30.18 27.35 30.25 27.76c.07.4.13 10.22.13 10.22s26.25.2 26.79.27s.67-.67.2-2.07s-5.95-18.3-6.35-18.57s-22.04-.27-22.04-.27s-27.11-24.96-27.58-25.36s-1.87-1.01-3.11.23c-1.09 1.09-28.13 25.33-28.13 25.33s-21.94-.29-22.14.05"/><path fill="#CF6150" d="m43.91 80.59l-.01 43.48h42.36V80.59s-42.35-.11-42.35 0"/><path fill="#7DB240" d="M3.64 124.25c.37.56 4.69.3 16.2.36s14.86.04 15.46-.08c.59-.12 1.07-2.71.68-4.96c-.43-2.47-1.91-4.8-4.31-5.55c-3.21-1-5.19-.08-6.73-.62c-1.54-.53-6.05-2.79-10.62-2.49c-3.92.25-6.71 1.4-9.14 4.98c-2.61 3.85-1.78 8-1.54 8.36m122.45-.24c.59-.41.54-11.77-7.36-12.64c-5.93-.65-7.48 1.9-8.48 1.9c-1.01 0-4.85-1.87-10.15.18c-6.59 2.55-6.47 9.97-6.23 10.68s7.06.53 16.43.59s15.02-.17 15.79-.71"/><path fill="#3E737C" d="M11.57 69.63h18.69v15.05H11.32s.12-14.93.25-15.05m-.25 22.08h18.61v14.56H11.16c0 .01.08-14.64.16-14.56"/><path fill="#A7D0D7" d="M14.4 72.38h12.7v9.95H14.24s-.09-9.87.16-9.95m-.57 21.76h13.43v9.63H13.83z"/><path fill="#3E737C" d="M99.67 70.52h18.61v14.97H99.59s.08-15.21.08-14.97"/><path fill="#A7D0D7" d="M102.26 73.11h13.35v9.71h-13.35z"/><path fill="#3E737C" d="M99.43 92.6h18.53v14.16H99.43s-.12-14.03 0-14.16"/><path fill="#A7D0D7" d="M102.34 95.19v8.74h12.7v-8.82s-12.82-.04-12.7.08"/><path fill="#3E737C" d="m50.06 124.09l-.01-38.76h30.5v38.76z"/><path fill="#A7D0D7" d="M76.94 93.24v-5.1H53.82v5.1zm-23.12 2.55h23.12v13.27H53.82zm0 16h23.12v6.94H53.82z"/><path fill="#3E737C" d="M64.28 94.65v26.11h2.64V94.38s-2.46.27-2.64.27m.18-54.59c-10.37.09-17.32 7.82-16.79 17.76c.51 9.66 8.18 15.72 17.05 15.47c9.32-.26 16-7.74 16.26-16.61s-6.94-16.7-16.52-16.62"/><path fill="#FFF" d="M64.2 43.05c-8.44 0-14.07 6.42-13.71 14.15c.34 7.46 5.36 13.1 13.98 13.1c7.91 0 13.11-6.5 13.27-13.19c.17-7.3-5.28-14.06-13.54-14.06"/><path fill="#2F2F2F" d="M61.74 57.46s-4.9 4.12-5.17 4.6s-.26 1.27.39 1.8c.66.53 1.31.22 1.71-.09c.39-.31 5.56-4.55 5.56-4.55s1.67-.03 2.06-2.01c.31-1.58-.83-2.32-.83-2.32s-.18-9.46-.26-10.16c-.07-.52-.61-1.01-1.09-.96c-.48.04-.96.31-1.01 1.09S63 54.7 63 54.7s-.7.26-1.09 1.01c-.39.74-.17 1.75-.17 1.75"/></svg>

School アイコンの使い方

React

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

<Icon icon="noto:school" width="24" />

Vue

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

<template>
  <Icon icon="noto:school" width="24" />
</template>

Svelte

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

<Icon icon="noto:school" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--school]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:school"></div>

Web コンポーネント

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

<iconify-icon icon="noto:school"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/noto/school.svg" alt="School アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

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