village icon
village-outline-24px from Health Icons by Resolve to Save Lives · Outline 24px · Places · MIT Free for personal and commercial use.
- Name
- village-outline-24px
- Set
- Health Icons
- Style
- Outline 24px
- Category
- Places
- Viewbox
- 24×24
- License
- MIT
3 other variants in Health Icons
More places icons from Health Icons
Use the village icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M4.793 4.293a1 1 0 0 1 1.414 0L9.414 7.5L8.068 8.846v.245a.75.75 0 0 1-1.5 0V7.482L5.5 6.414L4.432 7.482v1.609a.75.75 0 1 1-1.5 0v-.245L1.586 7.5zm10.275 5.053L15 9.414L13.586 8l3.707-3.707a1 1 0 0 1 1.414 0L22.414 8L21 9.414l-.068-.068v.563a.75.75 0 1 1-1.5 0V7.846L18 6.414l-1.432 1.432v2.063a.75.75 0 0 1-1.5 0zm-3.775-.053a1 1 0 0 1 1.414 0l6.207 6.207l-1.414 1.414l-.5-.5V19a1 1 0 1 1-2 0v-4.5q0-.042.003-.082L12 11.414l-3.003 3.004q.003.04.003.082V19a1 1 0 1 1-2 0v-2.586l-.5.5L5.086 15.5z"/><path d="M12 15a1.5 1.5 0 0 0-1.5 1.5V20h3v-3.5A1.5 1.5 0 0 0 12 15"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsVillageOutline24px(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M4.793 4.293a1 1 0 0 1 1.414 0L9.414 7.5L8.068 8.846v.245a.75.75 0 0 1-1.5 0V7.482L5.5 6.414L4.432 7.482v1.609a.75.75 0 1 1-1.5 0v-.245L1.586 7.5zm10.275 5.053L15 9.414L13.586 8l3.707-3.707a1 1 0 0 1 1.414 0L22.414 8L21 9.414l-.068-.068v.563a.75.75 0 1 1-1.5 0V7.846L18 6.414l-1.432 1.432v2.063a.75.75 0 0 1-1.5 0zm-3.775-.053a1 1 0 0 1 1.414 0l6.207 6.207l-1.414 1.414l-.5-.5V19a1 1 0 1 1-2 0v-4.5q0-.042.003-.082L12 11.414l-3.003 3.004q.003.04.003.082V19a1 1 0 1 1-2 0v-2.586l-.5.5L5.086 15.5z"/><path d="M12 15a1.5 1.5 0 0 0-1.5 1.5V20h3v-3.5A1.5 1.5 0 0 0 12 15"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M4.793 4.293a1 1 0 0 1 1.414 0L9.414 7.5L8.068 8.846v.245a.75.75 0 0 1-1.5 0V7.482L5.5 6.414L4.432 7.482v1.609a.75.75 0 1 1-1.5 0v-.245L1.586 7.5zm10.275 5.053L15 9.414L13.586 8l3.707-3.707a1 1 0 0 1 1.414 0L22.414 8L21 9.414l-.068-.068v.563a.75.75 0 1 1-1.5 0V7.846L18 6.414l-1.432 1.432v2.063a.75.75 0 0 1-1.5 0zm-3.775-.053a1 1 0 0 1 1.414 0l6.207 6.207l-1.414 1.414l-.5-.5V19a1 1 0 1 1-2 0v-4.5q0-.042.003-.082L12 11.414l-3.003 3.004q.003.04.003.082V19a1 1 0 1 1-2 0v-2.586l-.5.5L5.086 15.5z"/><path d="M12 15a1.5 1.5 0 0 0-1.5 1.5V20h3v-3.5A1.5 1.5 0 0 0 12 15"/></g></svg> </template>
CSS
.icon-village-outline-24px {
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%22currentColor%22%3E%3Cpath%20d%3D%22M4.793%204.293a1%201%200%200%201%201.414%200L9.414%207.5L8.068%208.846v.245a.75.75%200%200%201-1.5%200V7.482L5.5%206.414L4.432%207.482v1.609a.75.75%200%201%201-1.5%200v-.245L1.586%207.5zm10.275%205.053L15%209.414L13.586%208l3.707-3.707a1%201%200%200%201%201.414%200L22.414%208L21%209.414l-.068-.068v.563a.75.75%200%201%201-1.5%200V7.846L18%206.414l-1.432%201.432v2.063a.75.75%200%200%201-1.5%200zm-3.775-.053a1%201%200%200%201%201.414%200l6.207%206.207l-1.414%201.414l-.5-.5V19a1%201%200%201%201-2%200v-4.5q0-.042.003-.082L12%2011.414l-3.003%203.004q.003.04.003.082V19a1%201%200%201%201-2%200v-2.586l-.5.5L5.086%2015.5z%22%2F%3E%3Cpath%20d%3D%22M12%2015a1.5%201.5%200%200%200-1.5%201.5V20h3v-3.5A1.5%201.5%200%200%200%2012%2015%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%22currentColor%22%3E%3Cpath%20d%3D%22M4.793%204.293a1%201%200%200%201%201.414%200L9.414%207.5L8.068%208.846v.245a.75.75%200%200%201-1.5%200V7.482L5.5%206.414L4.432%207.482v1.609a.75.75%200%201%201-1.5%200v-.245L1.586%207.5zm10.275%205.053L15%209.414L13.586%208l3.707-3.707a1%201%200%200%201%201.414%200L22.414%208L21%209.414l-.068-.068v.563a.75.75%200%201%201-1.5%200V7.846L18%206.414l-1.432%201.432v2.063a.75.75%200%200%201-1.5%200zm-3.775-.053a1%201%200%200%201%201.414%200l6.207%206.207l-1.414%201.414l-.5-.5V19a1%201%200%201%201-2%200v-4.5q0-.042.003-.082L12%2011.414l-3.003%203.004q.003.04.003.082V19a1%201%200%201%201-2%200v-2.586l-.5.5L5.086%2015.5z%22%2F%3E%3Cpath%20d%3D%22M12%2015a1.5%201.5%200%200%200-1.5%201.5V20h3v-3.5A1.5%201.5%200%200%200%2012%2015%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/village-outline-24px.svg?color=%231a73e8&size=48
