ios school icon
ios-school from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-school
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios school icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M96.9 270.3V363c0 2.9 1.5 5.5 4 7l132 75.9c5.3 3.1 12-.8 12-7v-93.8c0-2.9-1.5-5.5-4-7l-132-74.9c-5.4-2.9-12 1-12 7.1z" fill="currentColor"/><path d="M280.9 445.9L413 370c2.5-1.4 4-4.1 4-7v-93.7c0-6.2-6.6-10-12-7l-132 75.9c-2.5 1.4-4 4.1-4 7V439c-.1 6.1 6.6 10 11.9 6.9z" fill="currentColor"/><path d="M249 65.1L37 188.9c-5.4 3.1-5.4 10.8 0 13.9l212 117.8c4.9 2.8 11 2.8 15.9 0L453 212.9c5.3-3.1 7 .8 7 7v153.4c0 6.8 3.9 10 11 10 4.4 0 10-3.2 10-10V201.5c0-2.9-1.5-5.5-4-7L264.9 65.1c-4.9-2.8-11-2.8-15.9 0z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosSchool(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M96.9 270.3V363c0 2.9 1.5 5.5 4 7l132 75.9c5.3 3.1 12-.8 12-7v-93.8c0-2.9-1.5-5.5-4-7l-132-74.9c-5.4-2.9-12 1-12 7.1z" fill="currentColor"/><path d="M280.9 445.9L413 370c2.5-1.4 4-4.1 4-7v-93.7c0-6.2-6.6-10-12-7l-132 75.9c-2.5 1.4-4 4.1-4 7V439c-.1 6.1 6.6 10 11.9 6.9z" fill="currentColor"/><path d="M249 65.1L37 188.9c-5.4 3.1-5.4 10.8 0 13.9l212 117.8c4.9 2.8 11 2.8 15.9 0L453 212.9c5.3-3.1 7 .8 7 7v153.4c0 6.8 3.9 10 11 10 4.4 0 10-3.2 10-10V201.5c0-2.9-1.5-5.5-4-7L264.9 65.1c-4.9-2.8-11-2.8-15.9 0z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M96.9 270.3V363c0 2.9 1.5 5.5 4 7l132 75.9c5.3 3.1 12-.8 12-7v-93.8c0-2.9-1.5-5.5-4-7l-132-74.9c-5.4-2.9-12 1-12 7.1z" fill="currentColor"/><path d="M280.9 445.9L413 370c2.5-1.4 4-4.1 4-7v-93.7c0-6.2-6.6-10-12-7l-132 75.9c-2.5 1.4-4 4.1-4 7V439c-.1 6.1 6.6 10 11.9 6.9z" fill="currentColor"/><path d="M249 65.1L37 188.9c-5.4 3.1-5.4 10.8 0 13.9l212 117.8c4.9 2.8 11 2.8 15.9 0L453 212.9c5.3-3.1 7 .8 7 7v153.4c0 6.8 3.9 10 11 10 4.4 0 10-3.2 10-10V201.5c0-2.9-1.5-5.5-4-7L264.9 65.1c-4.9-2.8-11-2.8-15.9 0z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-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%20512%20512%22%3E%3Cpath%20d%3D%22M96.9%20270.3V363c0%202.9%201.5%205.5%204%207l132%2075.9c5.3%203.1%2012-.8%2012-7v-93.8c0-2.9-1.5-5.5-4-7l-132-74.9c-5.4-2.9-12%201-12%207.1z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M280.9%20445.9L413%20370c2.5-1.4%204-4.1%204-7v-93.7c0-6.2-6.6-10-12-7l-132%2075.9c-2.5%201.4-4%204.1-4%207V439c-.1%206.1%206.6%2010%2011.9%206.9z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M249%2065.1L37%20188.9c-5.4%203.1-5.4%2010.8%200%2013.9l212%20117.8c4.9%202.8%2011%202.8%2015.9%200L453%20212.9c5.3-3.1%207%20.8%207%207v153.4c0%206.8%203.9%2010%2011%2010%204.4%200%2010-3.2%2010-10V201.5c0-2.9-1.5-5.5-4-7L264.9%2065.1c-4.9-2.8-11-2.8-15.9%200z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M96.9%20270.3V363c0%202.9%201.5%205.5%204%207l132%2075.9c5.3%203.1%2012-.8%2012-7v-93.8c0-2.9-1.5-5.5-4-7l-132-74.9c-5.4-2.9-12%201-12%207.1z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M280.9%20445.9L413%20370c2.5-1.4%204-4.1%204-7v-93.7c0-6.2-6.6-10-12-7l-132%2075.9c-2.5%201.4-4%204.1-4%207V439c-.1%206.1%206.6%2010%2011.9%206.9z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M249%2065.1L37%20188.9c-5.4%203.1-5.4%2010.8%200%2013.9l212%20117.8c4.9%202.8%2011%202.8%2015.9%200L453%20212.9c5.3-3.1%207%20.8%207%207v153.4c0%206.8%203.9%2010%2011%2010%204.4%200%2010-3.2%2010-10V201.5c0-2.9-1.5-5.5-4-7L264.9%2065.1c-4.9-2.8-11-2.8-15.9%200z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-school.svg?color=%231a73e8&size=48
