user to user transmission icon
user-to-user-transmission from IconPark by ByteDance · Color · Peoples · Apache-2.0 Free for personal and commercial use.
- Name
- user-to-user-transmission
- Set
- IconPark
- Style
- Color
- Category
- Peoples
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More peoples icons from IconPark
Use the user to user transmission icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M14 18C17.866 18 21 14.866 21 11C21 7.13401 17.866 4 14 4C10.134 4 7 7.13401 7 11C7 14.866 10.134 18 14 18Z"/><path fill="#2F88FF" d="M34 18C37.866 18 41 14.866 41 11C41 7.13401 37.866 4 34 4C30.134 4 27 7.13401 27 11C27 14.866 30.134 18 34 18Z"/><path stroke-linecap="round" d="M4 44C4 43.1111 4 40.1111 4 35C4 29.4772 7.77023 25 12.4211 25C14.6667 25 16.3509 25 17.4737 25C21.5587 25 24.0001 29.0269 24.0001 29.0269"/><path stroke-linecap="round" d="M44 44C44 43.1111 44 40.1111 44 35C44 29.4772 40.1849 25 35.4788 25C33.2064 25 31.5022 25 30.366 25C26.4048 25 23.9922 29.0269 24 29.0269"/><path stroke-linecap="round" d="M11 40H38"/><path stroke-linecap="round" d="M34.2954 36.2583L35.535 37.5055L38.0141 39.9998L35.535 42.5613L34.2954 43.8421"/><path stroke-linecap="round" d="M14.3293 36.2321L13.0701 37.4857L10.5517 39.9928L13.0701 42.5415L14.3293 43.8159"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkUserToUserTransmission(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" strokeLinejoin="round" strokeWidth="4"><path fill="#2F88FF" d="M14 18C17.866 18 21 14.866 21 11C21 7.13401 17.866 4 14 4C10.134 4 7 7.13401 7 11C7 14.866 10.134 18 14 18Z"/><path fill="#2F88FF" d="M34 18C37.866 18 41 14.866 41 11C41 7.13401 37.866 4 34 4C30.134 4 27 7.13401 27 11C27 14.866 30.134 18 34 18Z"/><path strokeLinecap="round" d="M4 44C4 43.1111 4 40.1111 4 35C4 29.4772 7.77023 25 12.4211 25C14.6667 25 16.3509 25 17.4737 25C21.5587 25 24.0001 29.0269 24.0001 29.0269"/><path strokeLinecap="round" d="M44 44C44 43.1111 44 40.1111 44 35C44 29.4772 40.1849 25 35.4788 25C33.2064 25 31.5022 25 30.366 25C26.4048 25 23.9922 29.0269 24 29.0269"/><path strokeLinecap="round" d="M11 40H38"/><path strokeLinecap="round" d="M34.2954 36.2583L35.535 37.5055L38.0141 39.9998L35.535 42.5613L34.2954 43.8421"/><path strokeLinecap="round" d="M14.3293 36.2321L13.0701 37.4857L10.5517 39.9928L13.0701 42.5415L14.3293 43.8159"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M14 18C17.866 18 21 14.866 21 11C21 7.13401 17.866 4 14 4C10.134 4 7 7.13401 7 11C7 14.866 10.134 18 14 18Z"/><path fill="#2F88FF" d="M34 18C37.866 18 41 14.866 41 11C41 7.13401 37.866 4 34 4C30.134 4 27 7.13401 27 11C27 14.866 30.134 18 34 18Z"/><path stroke-linecap="round" d="M4 44C4 43.1111 4 40.1111 4 35C4 29.4772 7.77023 25 12.4211 25C14.6667 25 16.3509 25 17.4737 25C21.5587 25 24.0001 29.0269 24.0001 29.0269"/><path stroke-linecap="round" d="M44 44C44 43.1111 44 40.1111 44 35C44 29.4772 40.1849 25 35.4788 25C33.2064 25 31.5022 25 30.366 25C26.4048 25 23.9922 29.0269 24 29.0269"/><path stroke-linecap="round" d="M11 40H38"/><path stroke-linecap="round" d="M34.2954 36.2583L35.535 37.5055L38.0141 39.9998L35.535 42.5613L34.2954 43.8421"/><path stroke-linecap="round" d="M14.3293 36.2321L13.0701 37.4857L10.5517 39.9928L13.0701 42.5415L14.3293 43.8159"/></g></svg> </template>
CSS
.icon-user-to-user-transmission {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M14%2018C17.866%2018%2021%2014.866%2021%2011C21%207.13401%2017.866%204%2014%204C10.134%204%207%207.13401%207%2011C7%2014.866%2010.134%2018%2014%2018Z%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M34%2018C37.866%2018%2041%2014.866%2041%2011C41%207.13401%2037.866%204%2034%204C30.134%204%2027%207.13401%2027%2011C27%2014.866%2030.134%2018%2034%2018Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M4%2044C4%2043.1111%204%2040.1111%204%2035C4%2029.4772%207.77023%2025%2012.4211%2025C14.6667%2025%2016.3509%2025%2017.4737%2025C21.5587%2025%2024.0001%2029.0269%2024.0001%2029.0269%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M44%2044C44%2043.1111%2044%2040.1111%2044%2035C44%2029.4772%2040.1849%2025%2035.4788%2025C33.2064%2025%2031.5022%2025%2030.366%2025C26.4048%2025%2023.9922%2029.0269%2024%2029.0269%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M11%2040H38%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M34.2954%2036.2583L35.535%2037.5055L38.0141%2039.9998L35.535%2042.5613L34.2954%2043.8421%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M14.3293%2036.2321L13.0701%2037.4857L10.5517%2039.9928L13.0701%2042.5415L14.3293%2043.8159%22%2F%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M14%2018C17.866%2018%2021%2014.866%2021%2011C21%207.13401%2017.866%204%2014%204C10.134%204%207%207.13401%207%2011C7%2014.866%2010.134%2018%2014%2018Z%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M34%2018C37.866%2018%2041%2014.866%2041%2011C41%207.13401%2037.866%204%2034%204C30.134%204%2027%207.13401%2027%2011C27%2014.866%2030.134%2018%2034%2018Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M4%2044C4%2043.1111%204%2040.1111%204%2035C4%2029.4772%207.77023%2025%2012.4211%2025C14.6667%2025%2016.3509%2025%2017.4737%2025C21.5587%2025%2024.0001%2029.0269%2024.0001%2029.0269%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M44%2044C44%2043.1111%2044%2040.1111%2044%2035C44%2029.4772%2040.1849%2025%2035.4788%2025C33.2064%2025%2031.5022%2025%2030.366%2025C26.4048%2025%2023.9922%2029.0269%2024%2029.0269%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M11%2040H38%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M34.2954%2036.2583L35.535%2037.5055L38.0141%2039.9998L35.535%2042.5613L34.2954%2043.8421%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M14.3293%2036.2321L13.0701%2037.4857L10.5517%2039.9928L13.0701%2042.5415L14.3293%2043.8159%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/user-to-user-transmission.svg?color=%231a73e8&size=48
