lectern icon
lectern from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- lectern
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the lectern icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="m8.507 22l-.637-7.668c-.168-2.027-.252-3.04.34-3.686S9.816 10 11.844 10h.305c2.028 0 3.041 0 3.634.646c.592.646.508 1.66.34 3.686L15.484 22z"/><path d="M5.996 22h12"/><path stroke-linejoin="round" d="M7.525 13c-.942 0-1.413 0-1.804-.178a2 2 0 0 1-.697-.529c-.277-.329-.406-.785-.665-1.697l-.038-.134c-.494-1.738-.74-2.607-.451-3.268a2 2 0 0 1 .548-.732C4.97 6 5.868 6 7.664 6h8.664c1.796 0 2.694 0 3.246.462c.237.198.425.448.549.732c.29.66.043 1.53-.45 3.268l-.04.134c-.258.912-.387 1.368-.664 1.697a2 2 0 0 1-.698.53c-.39.177-.861.177-1.803.177M6.996 6V4a2 2 0 0 1 2-2h1"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsLectern(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path strokeLinejoin="round" d="m8.507 22l-.637-7.668c-.168-2.027-.252-3.04.34-3.686S9.816 10 11.844 10h.305c2.028 0 3.041 0 3.634.646c.592.646.508 1.66.34 3.686L15.484 22z"/><path d="M5.996 22h12"/><path strokeLinejoin="round" d="M7.525 13c-.942 0-1.413 0-1.804-.178a2 2 0 0 1-.697-.529c-.277-.329-.406-.785-.665-1.697l-.038-.134c-.494-1.738-.74-2.607-.451-3.268a2 2 0 0 1 .548-.732C4.97 6 5.868 6 7.664 6h8.664c1.796 0 2.694 0 3.246.462c.237.198.425.448.549.732c.29.66.043 1.53-.45 3.268l-.04.134c-.258.912-.387 1.368-.664 1.697a2 2 0 0 1-.698.53c-.39.177-.861.177-1.803.177M6.996 6V4a2 2 0 0 1 2-2h1"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="m8.507 22l-.637-7.668c-.168-2.027-.252-3.04.34-3.686S9.816 10 11.844 10h.305c2.028 0 3.041 0 3.634.646c.592.646.508 1.66.34 3.686L15.484 22z"/><path d="M5.996 22h12"/><path stroke-linejoin="round" d="M7.525 13c-.942 0-1.413 0-1.804-.178a2 2 0 0 1-.697-.529c-.277-.329-.406-.785-.665-1.697l-.038-.134c-.494-1.738-.74-2.607-.451-3.268a2 2 0 0 1 .548-.732C4.97 6 5.868 6 7.664 6h8.664c1.796 0 2.694 0 3.246.462c.237.198.425.448.549.732c.29.66.043 1.53-.45 3.268l-.04.134c-.258.912-.387 1.368-.664 1.697a2 2 0 0 1-.698.53c-.39.177-.861.177-1.803.177M6.996 6V4a2 2 0 0 1 2-2h1"/></g></svg> </template>
CSS
.icon-lectern {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m8.507%2022l-.637-7.668c-.168-2.027-.252-3.04.34-3.686S9.816%2010%2011.844%2010h.305c2.028%200%203.041%200%203.634.646c.592.646.508%201.66.34%203.686L15.484%2022z%22%2F%3E%3Cpath%20d%3D%22M5.996%2022h12%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M7.525%2013c-.942%200-1.413%200-1.804-.178a2%202%200%200%201-.697-.529c-.277-.329-.406-.785-.665-1.697l-.038-.134c-.494-1.738-.74-2.607-.451-3.268a2%202%200%200%201%20.548-.732C4.97%206%205.868%206%207.664%206h8.664c1.796%200%202.694%200%203.246.462c.237.198.425.448.549.732c.29.66.043%201.53-.45%203.268l-.04.134c-.258.912-.387%201.368-.664%201.697a2%202%200%200%201-.698.53c-.39.177-.861.177-1.803.177M6.996%206V4a2%202%200%200%201%202-2h1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m8.507%2022l-.637-7.668c-.168-2.027-.252-3.04.34-3.686S9.816%2010%2011.844%2010h.305c2.028%200%203.041%200%203.634.646c.592.646.508%201.66.34%203.686L15.484%2022z%22%2F%3E%3Cpath%20d%3D%22M5.996%2022h12%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M7.525%2013c-.942%200-1.413%200-1.804-.178a2%202%200%200%201-.697-.529c-.277-.329-.406-.785-.665-1.697l-.038-.134c-.494-1.738-.74-2.607-.451-3.268a2%202%200%200%201%20.548-.732C4.97%206%205.868%206%207.664%206h8.664c1.796%200%202.694%200%203.246.462c.237.198.425.448.549.732c.29.66.043%201.53-.45%203.268l-.04.134c-.258.912-.387%201.368-.664%201.697a2%202%200%200%201-.698.53c-.39.177-.861.177-1.803.177M6.996%206V4a2%202%200%200%201%202-2h1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/lectern.svg?color=%231a73e8&size=48
