6 ft apart icon

6-ft-apart-rounded from Material Symbols by Google · Rounded · Social · Apache-2.0 Free for personal and commercial use.

Name
6-ft-apart-rounded
Set
Material Symbols
Style
Rounded
Category
Social
Viewbox
24×24
License
Apache 2.0
Aliases
6-ft-apart-outline-rounded

2 other variants in Material Symbols

6-ft-apart6-ft-apart-sharp

The same icon in other sets

6-ft-apartMaterial Symbols Light

More social icons from Material Symbols

18-up-ratingacupunctureadd-reactionadmin-medsagenderallergiesallergyaltitudeantigravityavocado-beanbarefootbedtimebedtime-offblindblood-pressurebloodtypebody-fatbody-systembombboybreastfeedingbrickbring-your-own-ipcalendar-meal

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.5 22q-.2 0-.35-.15T7 21.5v-3q0-.2.15-.35T7.5 18h2q.2 0 .35.15t.15.35t-.15.35t-.35.15H8v.5h1.5q.2 0 .35.15T10 20v1.5q0 .2-.15.35T9.5 22zm5-1.5v1q0 .2-.15.35T12 22t-.35-.15t-.15-.35v-3q0-.2.15-.35T12 18h1.5q.2 0 .35.15t.15.35t-.15.35t-.35.15h-1v.5h.5q.2 0 .35.15t.15.35t-.15.35t-.35.15zm3-1.5H15q-.2 0-.35-.15t-.15-.35t.15-.35T15 18h2q.2 0 .35.15t.15.35t-.15.35T17 19h-.5v2.5q0 .2-.15.35T16 22t-.35-.15t-.15-.35zM8 21h1v-.5H8zm-2.875-6l.425.425q.2.225.2.525t-.225.525T5 16.7t-.525-.225L2.7 14.7q-.3-.3-.3-.7t.3-.7l1.775-1.775Q4.7 11.3 5 11.3t.525.225t.225.525t-.225.525L5.1 13h13.775l-.425-.425q-.2-.225-.2-.525t.225-.525T19 11.3t.525.225L21.3 13.3q.3.3.3.7t-.3.7l-1.775 1.775Q19.3 16.7 19 16.7t-.525-.225t-.225-.525t.225-.525L18.9 15zM2 10v-.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 MaterialSymbols6FtApartRounded(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.5 22q-.2 0-.35-.15T7 21.5v-3q0-.2.15-.35T7.5 18h2q.2 0 .35.15t.15.35t-.15.35t-.35.15H8v.5h1.5q.2 0 .35.15T10 20v1.5q0 .2-.15.35T9.5 22zm5-1.5v1q0 .2-.15.35T12 22t-.35-.15t-.15-.35v-3q0-.2.15-.35T12 18h1.5q.2 0 .35.15t.15.35t-.15.35t-.35.15h-1v.5h.5q.2 0 .35.15t.15.35t-.15.35t-.35.15zm3-1.5H15q-.2 0-.35-.15t-.15-.35t.15-.35T15 18h2q.2 0 .35.15t.15.35t-.15.35T17 19h-.5v2.5q0 .2-.15.35T16 22t-.35-.15t-.15-.35zM8 21h1v-.5H8zm-2.875-6l.425.425q.2.225.2.525t-.225.525T5 16.7t-.525-.225L2.7 14.7q-.3-.3-.3-.7t.3-.7l1.775-1.775Q4.7 11.3 5 11.3t.525.225t.225.525t-.225.525L5.1 13h13.775l-.425-.425q-.2-.225-.2-.525t.225-.525T19 11.3t.525.225L21.3 13.3q.3.3.3.7t-.3.7l-1.775 1.775Q19.3 16.7 19 16.7t-.525-.225t-.225-.525t.225-.525L18.9 15zM2 10v-.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.5 22q-.2 0-.35-.15T7 21.5v-3q0-.2.15-.35T7.5 18h2q.2 0 .35.15t.15.35t-.15.35t-.35.15H8v.5h1.5q.2 0 .35.15T10 20v1.5q0 .2-.15.35T9.5 22zm5-1.5v1q0 .2-.15.35T12 22t-.35-.15t-.15-.35v-3q0-.2.15-.35T12 18h1.5q.2 0 .35.15t.15.35t-.15.35t-.35.15h-1v.5h.5q.2 0 .35.15t.15.35t-.15.35t-.35.15zm3-1.5H15q-.2 0-.35-.15t-.15-.35t.15-.35T15 18h2q.2 0 .35.15t.15.35t-.15.35T17 19h-.5v2.5q0 .2-.15.35T16 22t-.35-.15t-.15-.35zM8 21h1v-.5H8zm-2.875-6l.425.425q.2.225.2.525t-.225.525T5 16.7t-.525-.225L2.7 14.7q-.3-.3-.3-.7t.3-.7l1.775-1.775Q4.7 11.3 5 11.3t.525.225t.225.525t-.225.525L5.1 13h13.775l-.425-.425q-.2-.225-.2-.525t.225-.525T19 11.3t.525.225L21.3 13.3q.3.3.3.7t-.3.7l-1.775 1.775Q19.3 16.7 19 16.7t-.525-.225t-.225-.525t.225-.525L18.9 15zM2 10v-.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-rounded {
  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.5%2022q-.2%200-.35-.15T7%2021.5v-3q0-.2.15-.35T7.5%2018h2q.2%200%20.35.15t.15.35t-.15.35t-.35.15H8v.5h1.5q.2%200%20.35.15T10%2020v1.5q0%20.2-.15.35T9.5%2022zm5-1.5v1q0%20.2-.15.35T12%2022t-.35-.15t-.15-.35v-3q0-.2.15-.35T12%2018h1.5q.2%200%20.35.15t.15.35t-.15.35t-.35.15h-1v.5h.5q.2%200%20.35.15t.15.35t-.15.35t-.35.15zm3-1.5H15q-.2%200-.35-.15t-.15-.35t.15-.35T15%2018h2q.2%200%20.35.15t.15.35t-.15.35T17%2019h-.5v2.5q0%20.2-.15.35T16%2022t-.35-.15t-.15-.35zM8%2021h1v-.5H8zm-2.875-6l.425.425q.2.225.2.525t-.225.525T5%2016.7t-.525-.225L2.7%2014.7q-.3-.3-.3-.7t.3-.7l1.775-1.775Q4.7%2011.3%205%2011.3t.525.225t.225.525t-.225.525L5.1%2013h13.775l-.425-.425q-.2-.225-.2-.525t.225-.525T19%2011.3t.525.225L21.3%2013.3q.3.3.3.7t-.3.7l-1.775%201.775Q19.3%2016.7%2019%2016.7t-.525-.225t-.225-.525t.225-.525L18.9%2015zM2%2010v-.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.5%2022q-.2%200-.35-.15T7%2021.5v-3q0-.2.15-.35T7.5%2018h2q.2%200%20.35.15t.15.35t-.15.35t-.35.15H8v.5h1.5q.2%200%20.35.15T10%2020v1.5q0%20.2-.15.35T9.5%2022zm5-1.5v1q0%20.2-.15.35T12%2022t-.35-.15t-.15-.35v-3q0-.2.15-.35T12%2018h1.5q.2%200%20.35.15t.15.35t-.15.35t-.35.15h-1v.5h.5q.2%200%20.35.15t.15.35t-.15.35t-.35.15zm3-1.5H15q-.2%200-.35-.15t-.15-.35t.15-.35T15%2018h2q.2%200%20.35.15t.15.35t-.15.35T17%2019h-.5v2.5q0%20.2-.15.35T16%2022t-.35-.15t-.15-.35zM8%2021h1v-.5H8zm-2.875-6l.425.425q.2.225.2.525t-.225.525T5%2016.7t-.525-.225L2.7%2014.7q-.3-.3-.3-.7t.3-.7l1.775-1.775Q4.7%2011.3%205%2011.3t.525.225t.225.525t-.225.525L5.1%2013h13.775l-.425-.425q-.2-.225-.2-.525t.225-.525T19%2011.3t.525.225L21.3%2013.3q.3.3.3.7t-.3.7l-1.775%201.775Q19.3%2016.7%2019%2016.7t-.525-.225t-.225-.525t.225-.525L18.9%2015zM2%2010v-.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-rounded.svg?color=%231a73e8&size=48