connect without contact icon
connect-without-contact-outline-rounded from Material Symbols Light by Google · Outline Rounded · Social · Apache-2.0 Free for personal and commercial use.
- Name
- connect-without-contact-outline-rounded
- Set
- Material Symbols Light
- Style
- Outline Rounded
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
2 other variants in Material Symbols Light
The same icon in other sets
More social icons from Material Symbols Light
Use the connect without contact icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.817 21q-.357 0-.587-.232t-.23-.576v-1.307q-1.033-.248-1.827-.911t-1.225-1.607q-.084-.182 0-.384q.085-.202.28-.284q.17-.07.347.018t.262.266q.438.917 1.295 1.467T17 18h3q.417 0 .708.292q.292.291.292.708v1.2q0 .34-.23.57t-.587.23zm.617-5.434Q17 15.133 17 14.5t.434-1.066T18.5 13t1.066.434Q20 13.867 20 14.5t-.434 1.066Q19.133 16 18.5 16t-1.066-.434M3.817 11q-.358 0-.587-.23T3 10.2V9q0-.417.292-.708Q3.583 8 4 8h3q1.01 0 1.868-.55t1.296-1.467q.084-.177.261-.293q.177-.117.372-.05q.22.068.315.254t.02.364q-.405 1.019-1.243 1.686T8 8.884v1.308q0 .344-.23.576T7.183 11zm.617-5.434Q4 5.133 4 4.5t.434-1.066Q4.867 3 5.5 3t1.066.434Q7 3.867 7 4.5t-.434 1.066Q6.133 6 5.5 6t-1.066-.434m5.835 7.934q-.213 0-.356-.144T9.769 13q0-2.698 1.878-4.57t4.584-1.872q.212 0 .356.144q.144.143.144.356t-.144.356t-.356.144q-2.276 0-3.869 1.587T10.77 13q0 .213-.144.356t-.356.144m3 0q-.213 0-.356-.144T12.769 13q0-1.438 1.012-2.45t2.45-1.012q.212 0 .356.145q.144.143.144.356t-.144.356t-.356.144q-1.016 0-1.739.723T13.77 13q0 .213-.144.356t-.356.144"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightConnectWithoutContactOutlineRounded(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="M16.817 21q-.357 0-.587-.232t-.23-.576v-1.307q-1.033-.248-1.827-.911t-1.225-1.607q-.084-.182 0-.384q.085-.202.28-.284q.17-.07.347.018t.262.266q.438.917 1.295 1.467T17 18h3q.417 0 .708.292q.292.291.292.708v1.2q0 .34-.23.57t-.587.23zm.617-5.434Q17 15.133 17 14.5t.434-1.066T18.5 13t1.066.434Q20 13.867 20 14.5t-.434 1.066Q19.133 16 18.5 16t-1.066-.434M3.817 11q-.358 0-.587-.23T3 10.2V9q0-.417.292-.708Q3.583 8 4 8h3q1.01 0 1.868-.55t1.296-1.467q.084-.177.261-.293q.177-.117.372-.05q.22.068.315.254t.02.364q-.405 1.019-1.243 1.686T8 8.884v1.308q0 .344-.23.576T7.183 11zm.617-5.434Q4 5.133 4 4.5t.434-1.066Q4.867 3 5.5 3t1.066.434Q7 3.867 7 4.5t-.434 1.066Q6.133 6 5.5 6t-1.066-.434m5.835 7.934q-.213 0-.356-.144T9.769 13q0-2.698 1.878-4.57t4.584-1.872q.212 0 .356.144q.144.143.144.356t-.144.356t-.356.144q-2.276 0-3.869 1.587T10.77 13q0 .213-.144.356t-.356.144m3 0q-.213 0-.356-.144T12.769 13q0-1.438 1.012-2.45t2.45-1.012q.212 0 .356.145q.144.143.144.356t-.144.356t-.356.144q-1.016 0-1.739.723T13.77 13q0 .213-.144.356t-.356.144"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.817 21q-.357 0-.587-.232t-.23-.576v-1.307q-1.033-.248-1.827-.911t-1.225-1.607q-.084-.182 0-.384q.085-.202.28-.284q.17-.07.347.018t.262.266q.438.917 1.295 1.467T17 18h3q.417 0 .708.292q.292.291.292.708v1.2q0 .34-.23.57t-.587.23zm.617-5.434Q17 15.133 17 14.5t.434-1.066T18.5 13t1.066.434Q20 13.867 20 14.5t-.434 1.066Q19.133 16 18.5 16t-1.066-.434M3.817 11q-.358 0-.587-.23T3 10.2V9q0-.417.292-.708Q3.583 8 4 8h3q1.01 0 1.868-.55t1.296-1.467q.084-.177.261-.293q.177-.117.372-.05q.22.068.315.254t.02.364q-.405 1.019-1.243 1.686T8 8.884v1.308q0 .344-.23.576T7.183 11zm.617-5.434Q4 5.133 4 4.5t.434-1.066Q4.867 3 5.5 3t1.066.434Q7 3.867 7 4.5t-.434 1.066Q6.133 6 5.5 6t-1.066-.434m5.835 7.934q-.213 0-.356-.144T9.769 13q0-2.698 1.878-4.57t4.584-1.872q.212 0 .356.144q.144.143.144.356t-.144.356t-.356.144q-2.276 0-3.869 1.587T10.77 13q0 .213-.144.356t-.356.144m3 0q-.213 0-.356-.144T12.769 13q0-1.438 1.012-2.45t2.45-1.012q.212 0 .356.145q.144.143.144.356t-.144.356t-.356.144q-1.016 0-1.739.723T13.77 13q0 .213-.144.356t-.356.144"/></svg> </template>
CSS
.icon-connect-without-contact-outline-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%22M16.817%2021q-.357%200-.587-.232t-.23-.576v-1.307q-1.033-.248-1.827-.911t-1.225-1.607q-.084-.182%200-.384q.085-.202.28-.284q.17-.07.347.018t.262.266q.438.917%201.295%201.467T17%2018h3q.417%200%20.708.292q.292.291.292.708v1.2q0%20.34-.23.57t-.587.23zm.617-5.434Q17%2015.133%2017%2014.5t.434-1.066T18.5%2013t1.066.434Q20%2013.867%2020%2014.5t-.434%201.066Q19.133%2016%2018.5%2016t-1.066-.434M3.817%2011q-.358%200-.587-.23T3%2010.2V9q0-.417.292-.708Q3.583%208%204%208h3q1.01%200%201.868-.55t1.296-1.467q.084-.177.261-.293q.177-.117.372-.05q.22.068.315.254t.02.364q-.405%201.019-1.243%201.686T8%208.884v1.308q0%20.344-.23.576T7.183%2011zm.617-5.434Q4%205.133%204%204.5t.434-1.066Q4.867%203%205.5%203t1.066.434Q7%203.867%207%204.5t-.434%201.066Q6.133%206%205.5%206t-1.066-.434m5.835%207.934q-.213%200-.356-.144T9.769%2013q0-2.698%201.878-4.57t4.584-1.872q.212%200%20.356.144q.144.143.144.356t-.144.356t-.356.144q-2.276%200-3.869%201.587T10.77%2013q0%20.213-.144.356t-.356.144m3%200q-.213%200-.356-.144T12.769%2013q0-1.438%201.012-2.45t2.45-1.012q.212%200%20.356.145q.144.143.144.356t-.144.356t-.356.144q-1.016%200-1.739.723T13.77%2013q0%20.213-.144.356t-.356.144%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%22M16.817%2021q-.357%200-.587-.232t-.23-.576v-1.307q-1.033-.248-1.827-.911t-1.225-1.607q-.084-.182%200-.384q.085-.202.28-.284q.17-.07.347.018t.262.266q.438.917%201.295%201.467T17%2018h3q.417%200%20.708.292q.292.291.292.708v1.2q0%20.34-.23.57t-.587.23zm.617-5.434Q17%2015.133%2017%2014.5t.434-1.066T18.5%2013t1.066.434Q20%2013.867%2020%2014.5t-.434%201.066Q19.133%2016%2018.5%2016t-1.066-.434M3.817%2011q-.358%200-.587-.23T3%2010.2V9q0-.417.292-.708Q3.583%208%204%208h3q1.01%200%201.868-.55t1.296-1.467q.084-.177.261-.293q.177-.117.372-.05q.22.068.315.254t.02.364q-.405%201.019-1.243%201.686T8%208.884v1.308q0%20.344-.23.576T7.183%2011zm.617-5.434Q4%205.133%204%204.5t.434-1.066Q4.867%203%205.5%203t1.066.434Q7%203.867%207%204.5t-.434%201.066Q6.133%206%205.5%206t-1.066-.434m5.835%207.934q-.213%200-.356-.144T9.769%2013q0-2.698%201.878-4.57t4.584-1.872q.212%200%20.356.144q.144.143.144.356t-.144.356t-.356.144q-2.276%200-3.869%201.587T10.77%2013q0%20.213-.144.356t-.356.144m3%200q-.213%200-.356-.144T12.769%2013q0-1.438%201.012-2.45t2.45-1.012q.212%200%20.356.145q.144.143.144.356t-.144.356t-.356.144q-1.016%200-1.739.723T13.77%2013q0%20.213-.144.356t-.356.144%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/connect-without-contact-outline-rounded.svg?color=%231a73e8&size=48
