school icon
school from Line Awesome by Icons8 · Line · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- school
- Set
- Line Awesome
- Style
- Line
- Category
- Objects
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- school-solid
The same icon in other sets
schoolBoxIcons v2 SolidschoolEmoji One (Colored)schoolElement PlusschoolFont Awesome 6 SolidschoolFont Awesome Solidschool-outlineFlowbite IconsschoolFluent EmojischoolFluent Emoji FlatschoolFluent Emoji High ContrastschoolFirefox OS EmojischoolHuge IconsschoolIconParkschoolIconPark OutlineschoolIconPark SolidschoolIconPark TwoToneschoolIonIconsschoolLucideschoolMaterial SymbolsschoolMaterial Symbols LightschoolMaterial Design Iconsschool-fillMingCute IconschoolNoto EmojischoolOpenMojischool-fillRemix Icon
More objects icons from Line Awesome
Use the school icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 4L3 7v2l13-3l13 3V7zm-6 6c-3.227 0-6.375 1.313-6.375 1.313l-.625.28V27h11.281c.348.598.98 1 1.719 1c.738 0 1.371-.402 1.719-1H29V11.594l-.625-.281S25.227 10 22 10c-2.918 0-5.48.98-6 1.188C15.48 10.98 12.918 10 10 10m0 2c1.934 0 4 .625 5 .969v11.125c-1.113-.367-2.941-.875-5-.875c-2.102 0-3.813.484-5 .875V12.969C5.77 12.69 7.8 12 10 12m12 0c2.2 0 4.23.691 5 .969v11.125c-1.188-.39-2.898-.875-5-.875c-2.059 0-3.887.508-5 .875V12.969c1-.344 3.066-.969 5-.969"/></svg>
React
import type { SVGProps } from "react";
export function LaSchool(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 4L3 7v2l13-3l13 3V7zm-6 6c-3.227 0-6.375 1.313-6.375 1.313l-.625.28V27h11.281c.348.598.98 1 1.719 1c.738 0 1.371-.402 1.719-1H29V11.594l-.625-.281S25.227 10 22 10c-2.918 0-5.48.98-6 1.188C15.48 10.98 12.918 10 10 10m0 2c1.934 0 4 .625 5 .969v11.125c-1.113-.367-2.941-.875-5-.875c-2.102 0-3.813.484-5 .875V12.969C5.77 12.69 7.8 12 10 12m12 0c2.2 0 4.23.691 5 .969v11.125c-1.188-.39-2.898-.875-5-.875c-2.059 0-3.887.508-5 .875V12.969c1-.344 3.066-.969 5-.969"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 4L3 7v2l13-3l13 3V7zm-6 6c-3.227 0-6.375 1.313-6.375 1.313l-.625.28V27h11.281c.348.598.98 1 1.719 1c.738 0 1.371-.402 1.719-1H29V11.594l-.625-.281S25.227 10 22 10c-2.918 0-5.48.98-6 1.188C15.48 10.98 12.918 10 10 10m0 2c1.934 0 4 .625 5 .969v11.125c-1.113-.367-2.941-.875-5-.875c-2.102 0-3.813.484-5 .875V12.969C5.77 12.69 7.8 12 10 12m12 0c2.2 0 4.23.691 5 .969v11.125c-1.188-.39-2.898-.875-5-.875c-2.059 0-3.887.508-5 .875V12.969c1-.344 3.066-.969 5-.969"/></svg> </template>
CSS
.icon-school {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%204L3%207v2l13-3l13%203V7zm-6%206c-3.227%200-6.375%201.313-6.375%201.313l-.625.28V27h11.281c.348.598.98%201%201.719%201c.738%200%201.371-.402%201.719-1H29V11.594l-.625-.281S25.227%2010%2022%2010c-2.918%200-5.48.98-6%201.188C15.48%2010.98%2012.918%2010%2010%2010m0%202c1.934%200%204%20.625%205%20.969v11.125c-1.113-.367-2.941-.875-5-.875c-2.102%200-3.813.484-5%20.875V12.969C5.77%2012.69%207.8%2012%2010%2012m12%200c2.2%200%204.23.691%205%20.969v11.125c-1.188-.39-2.898-.875-5-.875c-2.059%200-3.887.508-5%20.875V12.969c1-.344%203.066-.969%205-.969%22%2F%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%204L3%207v2l13-3l13%203V7zm-6%206c-3.227%200-6.375%201.313-6.375%201.313l-.625.28V27h11.281c.348.598.98%201%201.719%201c.738%200%201.371-.402%201.719-1H29V11.594l-.625-.281S25.227%2010%2022%2010c-2.918%200-5.48.98-6%201.188C15.48%2010.98%2012.918%2010%2010%2010m0%202c1.934%200%204%20.625%205%20.969v11.125c-1.113-.367-2.941-.875-5-.875c-2.102%200-3.813.484-5%20.875V12.969C5.77%2012.69%207.8%2012%2010%2012m12%200c2.2%200%204.23.691%205%20.969v11.125c-1.188-.39-2.898-.875-5-.875c-2.059%200-3.887.508-5%20.875V12.969c1-.344%203.066-.969%205-.969%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/school.svg?color=%231a73e8&size=48
