6 ft apart icon
6-ft-apart-sharp from Material Symbols by Google · Sharp · Social · Apache-2.0 Free for personal and commercial use.
- Name
- 6-ft-apart-sharp
- Set
- Material Symbols
- Style
- Sharp
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- 6-ft-apart-outline-sharp
2 other variants in Material Symbols
The same icon in other sets
More social icons from Material Symbols
Use the 6 ft apart icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7 22v-4h3v1H8v.5h2V22zm4.5 0v-4H14v1h-1.5v.5h1v1h-1V22zm4 0v-3h-1v-1h3v1h-1v3zM8 21h1v-.5H8zm-3-4l-3-3l3-3l1.05 1.05l-.95.95h13.775l-.925-.95L19 11l3 3l-3 3l-1.05-1.05l.95-.95H5.125l.925.95zm-3-7v-.575q0-.6.325-1.1t.9-.75q.65-.275 1.338-.425T6 7t1.438.15t1.337.425q.575.25.9.75t.325 1.1V10zm12 0v-.575q0-.6.325-1.1t.9-.75q.65-.275 1.338-.425T18 7t1.438.15t1.337.425q.575.25.9.75t.325 1.1V10zM4.588 5.413Q4 4.825 4 4t.588-1.412T6 2t1.413.588T8 4t-.587 1.413T6 6t-1.412-.587m12 0Q16 4.825 16 4t.588-1.412T18 2t1.413.588T20 4t-.587 1.413T18 6t-1.412-.587"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbols6FtApartSharp(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7 22v-4h3v1H8v.5h2V22zm4.5 0v-4H14v1h-1.5v.5h1v1h-1V22zm4 0v-3h-1v-1h3v1h-1v3zM8 21h1v-.5H8zm-3-4l-3-3l3-3l1.05 1.05l-.95.95h13.775l-.925-.95L19 11l3 3l-3 3l-1.05-1.05l.95-.95H5.125l.925.95zm-3-7v-.575q0-.6.325-1.1t.9-.75q.65-.275 1.338-.425T6 7t1.438.15t1.337.425q.575.25.9.75t.325 1.1V10zm12 0v-.575q0-.6.325-1.1t.9-.75q.65-.275 1.338-.425T18 7t1.438.15t1.337.425q.575.25.9.75t.325 1.1V10zM4.588 5.413Q4 4.825 4 4t.588-1.412T6 2t1.413.588T8 4t-.587 1.413T6 6t-1.412-.587m12 0Q16 4.825 16 4t.588-1.412T18 2t1.413.588T20 4t-.587 1.413T18 6t-1.412-.587"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7 22v-4h3v1H8v.5h2V22zm4.5 0v-4H14v1h-1.5v.5h1v1h-1V22zm4 0v-3h-1v-1h3v1h-1v3zM8 21h1v-.5H8zm-3-4l-3-3l3-3l1.05 1.05l-.95.95h13.775l-.925-.95L19 11l3 3l-3 3l-1.05-1.05l.95-.95H5.125l.925.95zm-3-7v-.575q0-.6.325-1.1t.9-.75q.65-.275 1.338-.425T6 7t1.438.15t1.337.425q.575.25.9.75t.325 1.1V10zm12 0v-.575q0-.6.325-1.1t.9-.75q.65-.275 1.338-.425T18 7t1.438.15t1.337.425q.575.25.9.75t.325 1.1V10zM4.588 5.413Q4 4.825 4 4t.588-1.412T6 2t1.413.588T8 4t-.587 1.413T6 6t-1.412-.587m12 0Q16 4.825 16 4t.588-1.412T18 2t1.413.588T20 4t-.587 1.413T18 6t-1.412-.587"/></svg> </template>
CSS
.icon-6-ft-apart-sharp {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7%2022v-4h3v1H8v.5h2V22zm4.5%200v-4H14v1h-1.5v.5h1v1h-1V22zm4%200v-3h-1v-1h3v1h-1v3zM8%2021h1v-.5H8zm-3-4l-3-3l3-3l1.05%201.05l-.95.95h13.775l-.925-.95L19%2011l3%203l-3%203l-1.05-1.05l.95-.95H5.125l.925.95zm-3-7v-.575q0-.6.325-1.1t.9-.75q.65-.275%201.338-.425T6%207t1.438.15t1.337.425q.575.25.9.75t.325%201.1V10zm12%200v-.575q0-.6.325-1.1t.9-.75q.65-.275%201.338-.425T18%207t1.438.15t1.337.425q.575.25.9.75t.325%201.1V10zM4.588%205.413Q4%204.825%204%204t.588-1.412T6%202t1.413.588T8%204t-.587%201.413T6%206t-1.412-.587m12%200Q16%204.825%2016%204t.588-1.412T18%202t1.413.588T20%204t-.587%201.413T18%206t-1.412-.587%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7%2022v-4h3v1H8v.5h2V22zm4.5%200v-4H14v1h-1.5v.5h1v1h-1V22zm4%200v-3h-1v-1h3v1h-1v3zM8%2021h1v-.5H8zm-3-4l-3-3l3-3l1.05%201.05l-.95.95h13.775l-.925-.95L19%2011l3%203l-3%203l-1.05-1.05l.95-.95H5.125l.925.95zm-3-7v-.575q0-.6.325-1.1t.9-.75q.65-.275%201.338-.425T6%207t1.438.15t1.337.425q.575.25.9.75t.325%201.1V10zm12%200v-.575q0-.6.325-1.1t.9-.75q.65-.275%201.338-.425T18%207t1.438.15t1.337.425q.575.25.9.75t.325%201.1V10zM4.588%205.413Q4%204.825%204%204t.588-1.412T6%202t1.413.588T8%204t-.587%201.413T6%206t-1.412-.587m12%200Q16%204.825%2016%204t.588-1.412T18%202t1.413.588T20%204t-.587%201.413T18%206t-1.412-.587%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/6-ft-apart-sharp.svg?color=%231a73e8&size=48
