socketio logo

socketio from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: socketio
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

Use the socketio logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><g fill="#010101" fill-rule="evenodd"><path fill-rule="nonzero" d="M63.951.001C28.696.001.001 28.696.001 63.951s28.695 63.95 63.95 63.95s63.95-28.695 63.95-63.95S99.206.001 63.95.001zm0 10.679c29.484 0 53.272 23.787 53.272 53.271s-23.788 53.272-53.272 53.272s-53.272-23.787-53.272-53.272S34.467 10.68 63.951 10.68" color="#000"/><path d="M48.39 60.716c14.004-11.44 27.702-23.278 42.011-34.384c-7.505 11.533-15.224 22.913-22.729 34.445c-6.437.03-12.875.03-19.282-.061m11.838 6.376c6.468 0 12.905 0 19.342.092c-14.095 11.38-27.732 23.309-42.071 34.384c7.505-11.533 15.224-22.943 22.729-34.476"/></g></svg>

React

import type { SVGProps } from "react";

export function DeviconSocketio(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><g fill="#010101" fillRule="evenodd"><path fillRule="nonzero" d="M63.951.001C28.696.001.001 28.696.001 63.951s28.695 63.95 63.95 63.95s63.95-28.695 63.95-63.95S99.206.001 63.95.001zm0 10.679c29.484 0 53.272 23.787 53.272 53.271s-23.788 53.272-53.272 53.272s-53.272-23.787-53.272-53.272S34.467 10.68 63.951 10.68" color="#000"/><path d="M48.39 60.716c14.004-11.44 27.702-23.278 42.011-34.384c-7.505 11.533-15.224 22.913-22.729 34.445c-6.437.03-12.875.03-19.282-.061m11.838 6.376c6.468 0 12.905 0 19.342.092c-14.095 11.38-27.732 23.309-42.071 34.384c7.505-11.533 15.224-22.943 22.729-34.476"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><g fill="#010101" fill-rule="evenodd"><path fill-rule="nonzero" d="M63.951.001C28.696.001.001 28.696.001 63.951s28.695 63.95 63.95 63.95s63.95-28.695 63.95-63.95S99.206.001 63.95.001zm0 10.679c29.484 0 53.272 23.787 53.272 53.271s-23.788 53.272-53.272 53.272s-53.272-23.787-53.272-53.272S34.467 10.68 63.951 10.68" color="#000"/><path d="M48.39 60.716c14.004-11.44 27.702-23.278 42.011-34.384c-7.505 11.533-15.224 22.913-22.729 34.445c-6.437.03-12.875.03-19.282-.061m11.838 6.376c6.468 0 12.905 0 19.342.092c-14.095 11.38-27.732 23.309-42.071 34.384c7.505-11.533 15.224-22.943 22.729-34.476"/></g></svg>
</template>

CSS

.icon-socketio {
  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%20128%20128%22%3E%3Cg%20fill%3D%22%23010101%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill-rule%3D%22nonzero%22%20d%3D%22M63.951.001C28.696.001.001%2028.696.001%2063.951s28.695%2063.95%2063.95%2063.95s63.95-28.695%2063.95-63.95S99.206.001%2063.95.001zm0%2010.679c29.484%200%2053.272%2023.787%2053.272%2053.271s-23.788%2053.272-53.272%2053.272s-53.272-23.787-53.272-53.272S34.467%2010.68%2063.951%2010.68%22%20color%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22M48.39%2060.716c14.004-11.44%2027.702-23.278%2042.011-34.384c-7.505%2011.533-15.224%2022.913-22.729%2034.445c-6.437.03-12.875.03-19.282-.061m11.838%206.376c6.468%200%2012.905%200%2019.342.092c-14.095%2011.38-27.732%2023.309-42.071%2034.384c7.505-11.533%2015.224-22.943%2022.729-34.476%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%20128%20128%22%3E%3Cg%20fill%3D%22%23010101%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill-rule%3D%22nonzero%22%20d%3D%22M63.951.001C28.696.001.001%2028.696.001%2063.951s28.695%2063.95%2063.95%2063.95s63.95-28.695%2063.95-63.95S99.206.001%2063.95.001zm0%2010.679c29.484%200%2053.272%2023.787%2053.272%2053.271s-23.788%2053.272-53.272%2053.272s-53.272-23.787-53.272-53.272S34.467%2010.68%2063.951%2010.68%22%20color%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22M48.39%2060.716c14.004-11.44%2027.702-23.278%2042.011-34.384c-7.505%2011.533-15.224%2022.913-22.729%2034.445c-6.437.03-12.875.03-19.282-.061m11.838%206.376c6.468%200%2012.905%200%2019.342.092c-14.095%2011.38-27.732%2023.309-42.071%2034.384c7.505-11.533%2015.224-22.943%2022.729-34.476%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/socketio.svg?color=%231a73e8&size=48