ICONYZ
English
Social Distance 6 Feet icon from Material Design Icons

Social Distance 6 Feet icon

mdi:social-distance-6-feet

The Social Distance 6 Feet icon (mdi:social-distance-6-feet) is a free SVG icon from the Material Design Icons set by Pictogrammers. It is drawn on a 24 × 24 grid. Material Design Icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Material Design Icons
Author
Pictogrammers
License
Apache-2.0
Size
24 × 24
Category
Medical / Hospital
Tags
medical, hospital, socialdistance, distancefeet, socialdistancefeet, account multiple 6 feet
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6 6c1.1 0 2-.9 2-2s-.9-2-2-2s-2 .9-2 2s.9 2 2 2m4 3.43c0-.81-.5-1.53-1.22-1.85C7.93 7.21 7 7 6 7s-1.93.21-2.78.58C2.5 7.9 2 8.62 2 9.43V10h8zM18 6c1.1 0 2-.9 2-2s-.9-2-2-2s-2 .9-2 2s.9 2 2 2m4 3.43c0-.81-.5-1.53-1.22-1.85C19.93 7.21 19 7 18 7s-1.93.21-2.78.58C14.5 7.9 14 8.62 14 9.43V10h8zM19 17v-2H5v2l-3-3l3-3v2h14v-2l3 3zm-9 2v-1H7.5c-.28 0-.5.22-.5.5v3c0 .28.22.5.5.5h2c.28 0 .5-.22.5-.5V20c0-.28-.22-.5-.5-.5H8V19zm-1 1.5v.5H8v-.5zm8.5-1.5h-1v3h-1v-3h-1v-1h3zm-5 0v.5h1v1h-1V22h-1v-4H14v1z"/></svg>

How to use the Social Distance 6 Feet icon

React

import { Icon } from "@iconify/react";

<Icon icon="mdi:social-distance-6-feet" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="mdi:social-distance-6-feet" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="mdi:social-distance-6-feet" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--social-distance-6-feet]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:social-distance-6-feet"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="mdi:social-distance-6-feet"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/mdi/social-distance-6-feet.svg" alt="Social Distance 6 Feet icon" width="24" height="24">

Related icons in Material Design Icons

Social Distance 6 Feet icon FAQ

Is the Social Distance 6 Feet icon free for commercial use?

Yes. Material Design Icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Social Distance 6 Feet icon in React?

Install @iconify/react and render <Icon icon="mdi:social-distance-6-feet" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Social Distance 6 Feet icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/mdi/social-distance-6-feet.svg" alt="Social Distance 6 Feet icon">, or paste the SVG code inline to style it with CSS.

Browse all Material Design Icons →