Mortarboard アイコン

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

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

flat-ui:mortarboard

Mortarboard アイコン(flat-ui:mortarboard)は、Flat UI Icons セットの無料 SVG アイコンです（作者: Designmodo, Inc.）。 100 × 100 のグリッドで描かれています。 Flat UI Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Flat UI Icons
作者: Designmodo, Inc.
ライセンス: MIT
サイズ: 100 × 100

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="#2C3E50" fill-rule="evenodd" d="M99.138 42.545L77.004 53.826v5.177C77.004 66.733 64.919 73 50.01 73s-26.994-6.267-26.994-13.997v-5.167L.862 42.545c-1.15-.586-1.15-1.537 0-2.123l47.055-23.983c1.15-.586 3.014-.586 4.164 0l47.056 23.983c1.15.586 1.15 1.537.001 2.123" clip-rule="evenodd"/><path fill="#C03A2B" fill-rule="evenodd" d="M50 43c12.152-.006 22.005 4.467 22.007 9.99s-9.848 10.005-22 10.01c-12.152.006-22.005-4.467-22.007-9.99S37.848 43.006 50 43" clip-rule="evenodd"/><path fill="#35495E" fill-rule="evenodd" d="M74.995 59.015c.006-3.076-2.434-6.152-7.321-8.499c-9.764-4.688-25.593-4.688-35.357 0c-4.852 2.329-7.287 5.378-7.317 8.432V45.062c-.03-3.091 2.405-6.187 7.317-8.545c9.763-4.688 25.593-4.688 35.357 0c4.887 2.347 7.327 5.423 7.321 8.499H75v14z" clip-rule="evenodd"/><path fill="#3B536B" fill-rule="evenodd" d="M75.022 45.775v12.446c-.38-2.807-2.778-5.562-7.245-7.707C62.871 48.158 56.431 46.988 50 47V33c6.431-.012 12.871 1.157 17.778 3.511c5.296 2.541 7.695 5.939 7.244 9.264" clip-rule="evenodd"/><path fill="#E64C3C" fill-rule="evenodd" d="M29.722 52a21 21 0 0 0 2.599 1.489c9.763 4.688 25.593 4.688 35.356 0c.973-.467 1.821-.97 2.6-1.489c7.039 4.692 6.191 11.268-2.6 15.489c-9.763 4.688-25.593 4.688-35.356 0c-8.79-4.221-9.638-10.797-2.599-15.489" clip-rule="evenodd"/><path fill="#C03A2B" fill-rule="evenodd" d="M50 57.005c-6.398 0-12.797-1.172-17.678-3.516A21 21 0 0 1 29.723 52c-7.039 4.691-6.191 11.268 2.599 15.488c4.882 2.344 11.28 3.516 17.678 3.516z" clip-rule="evenodd" opacity=".5"/><path fill="none" stroke="#35495E" stroke-miterlimit="10" stroke-width="3" d="M94.995 40s.702 24.98-15.139 40.869" clip-rule="evenodd"/><path fill="#2C3E50" fill-rule="evenodd" d="M91 74.139c0-2.763-2.233-5.003-4.988-5.003s-4.988 2.24-4.988 5.003c0 .286.038.562.084.835c-1.834 1.616-6.25 5.015-11.097 5.157c.116 7.63 8.415 9.869 8.415 9.869s5.943-5.169 7.978-10.897C88.973 78.898 91 76.767 91 74.139" clip-rule="evenodd"/></svg>

Mortarboard アイコンの使い方

React

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

<Icon icon="flat-ui:mortarboard" width="24" />

Vue

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

<template>
  <Icon icon="flat-ui:mortarboard" width="24" />
</template>

Svelte

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

<Icon icon="flat-ui:mortarboard" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--mortarboard]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:mortarboard"></div>

Web コンポーネント

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

<iconify-icon icon="flat-ui:mortarboard"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/flat-ui/mortarboard.svg" alt="Mortarboard アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Flat UI Icons をすべて見る →