Mortarboard Line icon
mingcute:mortarboard-line
The Mortarboard Line icon (mingcute:mortarboard-line) is a free SVG icon from the MingCute Icon set by MingCute Design. It is drawn on a 24 × 24 grid. MingCute Icon icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- MingCute Icon
- Author
- MingCute Design
- License
- Apache-2.0
- Size
- 24 × 24
- Tags
- mortarboardline
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m2.515 8l-.428-.903a1 1 0 0 0 0 1.808zm18.97 0l.428.905a1 1 0 0 0 0-1.808zM22 8a1 1 0 1 0-2 0zm-2 5a1 1 0 1 0 2 0zm-7.786-.615l.427.904zm-.428 0l-.427.904zm0-8.768l.428.904zm.428 0l-.428.904zM18 14h1V9.649h-2v4.352zM6 9.649H5v4.352h2V9.649zM2.515 8.001l.427.904l9.272-4.384l-.428-.904l-.427-.904l-9.272 4.384zm9.699-4.384l-.428.904l9.272 4.384l.427-.904l.428-.904l-9.272-4.384zM21.485 8l-.427-.904l-9.272 4.384l.428.904l.427.904l9.272-4.384zm-9.699 4.384l.428-.904l-9.272-4.384L2.515 8l-.428.904l9.272 4.384zM21 8.001h-1v5h2V8zm-8.786 4.384l-.428-.904a.5.5 0 0 1 .428 0l-.428.904l-.427.904a1.5 1.5 0 0 0 1.282 0zM6 14.001H5a7 7 0 0 0 7 7v-2a5 5 0 0 1-5-5zm5.786-10.384l.428.904a.5.5 0 0 1-.428 0l.428-.904l.427-.904a1.5 1.5 0 0 0-1.282 0zM18 14h-1a5 5 0 0 1-5 5v2a7 7 0 0 0 7-7z"/></svg>How to use the Mortarboard Line icon
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:mortarboard-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:mortarboard-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:mortarboard-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--mortarboard-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:mortarboard-line"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:mortarboard-line"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/mingcute/mortarboard-line.svg" alt="Mortarboard Line icon" width="24" height="24">Related icons in MingCute Icon
Mortarboard Line icon FAQ
Is the Mortarboard Line icon free for commercial use?
Yes. MingCute Icon icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Mortarboard Line icon in React?
Install @iconify/react and render <Icon icon="mingcute:mortarboard-line" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mortarboard Line icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/mingcute/mortarboard-line.svg" alt="Mortarboard Line icon">, or paste the SVG code inline to style it with CSS.