School アイコン

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:school

School アイコン(openmoji:school)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 旅行・場所

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#d0cfce" d="M9.356 56.506h53.288V23.564H45.282v-2.906H26.718v2.906H9.356z"/><path fill="#a57939" d="M30.625 39.995h10.751v12.746H30.625z"/><circle cx="36" cy="30.242" r="6.298" fill="#fff"/><path fill="none" stroke="#92d3f5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.498 46.817h1.938v4.035h-1.938zm-6.782 0h1.938v4.035h-1.938zm6.782-9.689h1.938v4.844h-1.938zm-6.782 0h1.938v4.844h-1.938zm6.782-9.688h1.938v4.844h-1.938zm-6.782 0h1.938v4.844h-1.938zm42.63 19.377h1.938v4.035h-1.938zm-6.782 0h1.938v4.035h-1.938zm6.782-9.689h1.938v4.844h-1.938zm-6.782 0h1.938v4.844h-1.938zm6.782-9.688h1.938v4.844h-1.938zm-6.782 0h1.938v4.844h-1.938z"/><path fill="#d22f27" d="M24.8 20.49h1.92v3.07H9.36l3.85-6.14h15.201zm22.4 0h-1.916v3.07h17.36l-3.85-6.14H43.592z"/><path fill="#ea5a47" d="M47.2 20.49H24.8l1.92-1.631L36 10.96z"/><path fill="#b1cc33" d="M7.196 50.852h19.522v5.653H7.196zm38.086 0h19.522v5.653H45.282z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M26.72 20.49h18.56v36.02H26.72z"/><path d="M24.8 20.49h1.92v3.07H9.36l3.85-6.14h15.201zm22.4 0h-1.916v3.07h17.36l-3.85-6.14H43.592z"/><path d="M47.2 20.49H24.8l1.92-1.631L36 10.96zM9.71 50.853h14.493a2.514 2.514 0 0 1 2.515 2.514v3.139H7.196v-3.14a2.514 2.514 0 0 1 2.514-2.513m38.087 0H62.29a2.514 2.514 0 0 1 2.514 2.514v3.139H45.282v-3.14a2.514 2.514 0 0 1 2.515-2.513m-21.079 1.888h18.564M9.356 50.852V23.564h17.362m35.926 32.942H9.356m35.926-32.942h17.362v27.288M30.625 39.995h10.751v12.746H30.625zM36 52.741V39.995"/><circle cx="36" cy="30.242" r="6.298"/><path d="M36 30.727V26.55m0 4.177l2.089-1.044M20.498 50.852v-4.035m-6.782 4.035v-4.035m8.72-4.844h-1.938v-4.845m-4.844 4.845h-1.938v-4.845m8.72-4.844h-1.938V27.44m-4.844 4.844h-1.938V27.44m42.63 23.412v-4.035m-6.782 4.035v-4.035m8.72-4.844h-1.938v-4.845m-4.844 4.845h-1.938v-4.845m8.72-4.844h-1.938V27.44m-4.844 4.844h-1.938V27.44"/></g></svg>

School アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

OpenMoji アイコンをすべて見る →