socket io logo

socket-io from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.

Name: socket-io
Set: CoreUI Brands
Style: Brand
Viewbox: 32×32
License: CC0 1.0

The same logo in other sets

socket-ioBoxicons Brands socket-ioSVG Logos

Use the socket io logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.917.021a16.2 16.2 0 0 0-3.969.505C5.708 2.078.755 7.729.12 14.139C-.667 20.202 2.401 26.52 7.645 29.65c5.152 3.224 12.125 3.095 17.167-.296c4.532-2.943 7.349-8.303 7.183-13.715c-.077-5.353-3.083-10.557-7.683-13.307C21.807.785 18.86.009 15.917.02zm-.089 2.26c6.593-.011 13.052 5.088 13.713 11.901c1.261 7.547-5.005 15.219-12.651 15.443c-7.271.724-14.303-5.443-14.511-12.745c-.541-5.911 3.36-11.781 8.932-13.735a12.1 12.1 0 0 1 4.516-.859zm6.792 4.303c-3.584 2.78-7.016 5.744-10.521 8.609c1.604.02 3.219.02 4.828.009c1.88-2.885 3.813-5.733 5.693-8.619zm-7.552 10.203c-1.88 2.891-3.817 5.744-5.699 8.635c3.595-2.776 7.011-5.76 10.537-8.609a391 391 0 0 0-4.839-.025z"/></svg>

React

import type { SVGProps } from "react";

export function CibSocketIo(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.917.021a16.2 16.2 0 0 0-3.969.505C5.708 2.078.755 7.729.12 14.139C-.667 20.202 2.401 26.52 7.645 29.65c5.152 3.224 12.125 3.095 17.167-.296c4.532-2.943 7.349-8.303 7.183-13.715c-.077-5.353-3.083-10.557-7.683-13.307C21.807.785 18.86.009 15.917.02zm-.089 2.26c6.593-.011 13.052 5.088 13.713 11.901c1.261 7.547-5.005 15.219-12.651 15.443c-7.271.724-14.303-5.443-14.511-12.745c-.541-5.911 3.36-11.781 8.932-13.735a12.1 12.1 0 0 1 4.516-.859zm6.792 4.303c-3.584 2.78-7.016 5.744-10.521 8.609c1.604.02 3.219.02 4.828.009c1.88-2.885 3.813-5.733 5.693-8.619zm-7.552 10.203c-1.88 2.891-3.817 5.744-5.699 8.635c3.595-2.776 7.011-5.76 10.537-8.609a391 391 0 0 0-4.839-.025z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.917.021a16.2 16.2 0 0 0-3.969.505C5.708 2.078.755 7.729.12 14.139C-.667 20.202 2.401 26.52 7.645 29.65c5.152 3.224 12.125 3.095 17.167-.296c4.532-2.943 7.349-8.303 7.183-13.715c-.077-5.353-3.083-10.557-7.683-13.307C21.807.785 18.86.009 15.917.02zm-.089 2.26c6.593-.011 13.052 5.088 13.713 11.901c1.261 7.547-5.005 15.219-12.651 15.443c-7.271.724-14.303-5.443-14.511-12.745c-.541-5.911 3.36-11.781 8.932-13.735a12.1 12.1 0 0 1 4.516-.859zm6.792 4.303c-3.584 2.78-7.016 5.744-10.521 8.609c1.604.02 3.219.02 4.828.009c1.88-2.885 3.813-5.733 5.693-8.619zm-7.552 10.203c-1.88 2.891-3.817 5.744-5.699 8.635c3.595-2.776 7.011-5.76 10.537-8.609a391 391 0 0 0-4.839-.025z"/></svg>
</template>

CSS

.icon-socket-io {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.917.021a16.2%2016.2%200%200%200-3.969.505C5.708%202.078.755%207.729.12%2014.139C-.667%2020.202%202.401%2026.52%207.645%2029.65c5.152%203.224%2012.125%203.095%2017.167-.296c4.532-2.943%207.349-8.303%207.183-13.715c-.077-5.353-3.083-10.557-7.683-13.307C21.807.785%2018.86.009%2015.917.02zm-.089%202.26c6.593-.011%2013.052%205.088%2013.713%2011.901c1.261%207.547-5.005%2015.219-12.651%2015.443c-7.271.724-14.303-5.443-14.511-12.745c-.541-5.911%203.36-11.781%208.932-13.735a12.1%2012.1%200%200%201%204.516-.859zm6.792%204.303c-3.584%202.78-7.016%205.744-10.521%208.609c1.604.02%203.219.02%204.828.009c1.88-2.885%203.813-5.733%205.693-8.619zm-7.552%2010.203c-1.88%202.891-3.817%205.744-5.699%208.635c3.595-2.776%207.011-5.76%2010.537-8.609a391%20391%200%200%200-4.839-.025z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.917.021a16.2%2016.2%200%200%200-3.969.505C5.708%202.078.755%207.729.12%2014.139C-.667%2020.202%202.401%2026.52%207.645%2029.65c5.152%203.224%2012.125%203.095%2017.167-.296c4.532-2.943%207.349-8.303%207.183-13.715c-.077-5.353-3.083-10.557-7.683-13.307C21.807.785%2018.86.009%2015.917.02zm-.089%202.26c6.593-.011%2013.052%205.088%2013.713%2011.901c1.261%207.547-5.005%2015.219-12.651%2015.443c-7.271.724-14.303-5.443-14.511-12.745c-.541-5.911%203.36-11.781%208.932-13.735a12.1%2012.1%200%200%201%204.516-.859zm6.792%204.303c-3.584%202.78-7.016%205.744-10.521%208.609c1.604.02%203.219.02%204.828.009c1.88-2.885%203.813-5.733%205.693-8.619zm-7.552%2010.203c-1.88%202.891-3.817%205.744-5.699%208.635c3.595-2.776%207.011-5.76%2010.537-8.609a391%20391%200%200%200-4.839-.025z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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