social distance icon
social-distance-rounded from Material Symbols Light by Google · Rounded · Social · Apache-2.0 Free for personal and commercial use.
- Name
- social-distance-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- social-distance-outline-rounded
1 other variant in Material Symbols Light
The same icon in other sets
More social icons from Material Symbols Light
Use the social distance icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m4.78 17.116l1.766 1.765q.14.14.14.334t-.14.335t-.344.14t-.344-.14l-2.389-2.37q-.242-.242-.242-.565t.242-.565l2.389-2.389q.14-.14.344-.14t.344.14t.14.345t-.14.344l-1.765 1.766h14.438l-1.765-1.766q-.14-.14-.14-.334q0-.195.14-.335t.344-.14t.344.14l2.389 2.369q.242.242.242.566t-.242.565l-2.389 2.388q-.14.14-.334.131t-.335-.15t-.14-.344t.14-.344l1.746-1.746zM2.77 10.5v-.171q0-.427.247-.764q.248-.336.67-.528q.592-.276 1.241-.406q.649-.131 1.341-.131t1.341.13t1.242.407q.421.192.67.528q.247.337.247.764v.171zm11.46 0v-.171q0-.427.249-.764q.248-.336.669-.528q.593-.276 1.242-.406t1.34-.131t1.342.13q.65.132 1.241.407q.421.192.67.528q.248.337.248.764v.171zM6.27 6.885q-.633 0-1.067-.434t-.434-1.066t.434-1.067t1.066-.433t1.067.433q.433.434.433 1.067q0 .632-.433 1.066q-.434.434-1.067.434m11.462 0q-.633 0-1.067-.434t-.433-1.066t.433-1.067t1.067-.433t1.066.433t.434 1.067t-.434 1.066t-1.066.434"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightSocialDistanceRounded(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="m4.78 17.116l1.766 1.765q.14.14.14.334t-.14.335t-.344.14t-.344-.14l-2.389-2.37q-.242-.242-.242-.565t.242-.565l2.389-2.389q.14-.14.344-.14t.344.14t.14.345t-.14.344l-1.765 1.766h14.438l-1.765-1.766q-.14-.14-.14-.334q0-.195.14-.335t.344-.14t.344.14l2.389 2.369q.242.242.242.566t-.242.565l-2.389 2.388q-.14.14-.334.131t-.335-.15t-.14-.344t.14-.344l1.746-1.746zM2.77 10.5v-.171q0-.427.247-.764q.248-.336.67-.528q.592-.276 1.241-.406q.649-.131 1.341-.131t1.341.13t1.242.407q.421.192.67.528q.247.337.247.764v.171zm11.46 0v-.171q0-.427.249-.764q.248-.336.669-.528q.593-.276 1.242-.406t1.34-.131t1.342.13q.65.132 1.241.407q.421.192.67.528q.248.337.248.764v.171zM6.27 6.885q-.633 0-1.067-.434t-.434-1.066t.434-1.067t1.066-.433t1.067.433q.433.434.433 1.067q0 .632-.433 1.066q-.434.434-1.067.434m11.462 0q-.633 0-1.067-.434t-.433-1.066t.433-1.067t1.067-.433t1.066.433t.434 1.067t-.434 1.066t-1.066.434"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m4.78 17.116l1.766 1.765q.14.14.14.334t-.14.335t-.344.14t-.344-.14l-2.389-2.37q-.242-.242-.242-.565t.242-.565l2.389-2.389q.14-.14.344-.14t.344.14t.14.345t-.14.344l-1.765 1.766h14.438l-1.765-1.766q-.14-.14-.14-.334q0-.195.14-.335t.344-.14t.344.14l2.389 2.369q.242.242.242.566t-.242.565l-2.389 2.388q-.14.14-.334.131t-.335-.15t-.14-.344t.14-.344l1.746-1.746zM2.77 10.5v-.171q0-.427.247-.764q.248-.336.67-.528q.592-.276 1.241-.406q.649-.131 1.341-.131t1.341.13t1.242.407q.421.192.67.528q.247.337.247.764v.171zm11.46 0v-.171q0-.427.249-.764q.248-.336.669-.528q.593-.276 1.242-.406t1.34-.131t1.342.13q.65.132 1.241.407q.421.192.67.528q.248.337.248.764v.171zM6.27 6.885q-.633 0-1.067-.434t-.434-1.066t.434-1.067t1.066-.433t1.067.433q.433.434.433 1.067q0 .632-.433 1.066q-.434.434-1.067.434m11.462 0q-.633 0-1.067-.434t-.433-1.066t.433-1.067t1.067-.433t1.066.433t.434 1.067t-.434 1.066t-1.066.434"/></svg> </template>
CSS
.icon-social-distance-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%22m4.78%2017.116l1.766%201.765q.14.14.14.334t-.14.335t-.344.14t-.344-.14l-2.389-2.37q-.242-.242-.242-.565t.242-.565l2.389-2.389q.14-.14.344-.14t.344.14t.14.345t-.14.344l-1.765%201.766h14.438l-1.765-1.766q-.14-.14-.14-.334q0-.195.14-.335t.344-.14t.344.14l2.389%202.369q.242.242.242.566t-.242.565l-2.389%202.388q-.14.14-.334.131t-.335-.15t-.14-.344t.14-.344l1.746-1.746zM2.77%2010.5v-.171q0-.427.247-.764q.248-.336.67-.528q.592-.276%201.241-.406q.649-.131%201.341-.131t1.341.13t1.242.407q.421.192.67.528q.247.337.247.764v.171zm11.46%200v-.171q0-.427.249-.764q.248-.336.669-.528q.593-.276%201.242-.406t1.34-.131t1.342.13q.65.132%201.241.407q.421.192.67.528q.248.337.248.764v.171zM6.27%206.885q-.633%200-1.067-.434t-.434-1.066t.434-1.067t1.066-.433t1.067.433q.433.434.433%201.067q0%20.632-.433%201.066q-.434.434-1.067.434m11.462%200q-.633%200-1.067-.434t-.433-1.066t.433-1.067t1.067-.433t1.066.433t.434%201.067t-.434%201.066t-1.066.434%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%22m4.78%2017.116l1.766%201.765q.14.14.14.334t-.14.335t-.344.14t-.344-.14l-2.389-2.37q-.242-.242-.242-.565t.242-.565l2.389-2.389q.14-.14.344-.14t.344.14t.14.345t-.14.344l-1.765%201.766h14.438l-1.765-1.766q-.14-.14-.14-.334q0-.195.14-.335t.344-.14t.344.14l2.389%202.369q.242.242.242.566t-.242.565l-2.389%202.388q-.14.14-.334.131t-.335-.15t-.14-.344t.14-.344l1.746-1.746zM2.77%2010.5v-.171q0-.427.247-.764q.248-.336.67-.528q.592-.276%201.241-.406q.649-.131%201.341-.131t1.341.13t1.242.407q.421.192.67.528q.247.337.247.764v.171zm11.46%200v-.171q0-.427.249-.764q.248-.336.669-.528q.593-.276%201.242-.406t1.34-.131t1.342.13q.65.132%201.241.407q.421.192.67.528q.248.337.248.764v.171zM6.27%206.885q-.633%200-1.067-.434t-.434-1.066t.434-1.067t1.066-.433t1.067.433q.433.434.433%201.067q0%20.632-.433%201.066q-.434.434-1.067.434m11.462%200q-.633%200-1.067-.434t-.433-1.066t.433-1.067t1.067-.433t1.066.433t.434%201.067t-.434%201.066t-1.066.434%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/social-distance-rounded.svg?color=%231a73e8&size=48
