socketdotio logo

socketdotio from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
socketdotio
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the socketdotio logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.936.014a12.2 12.2 0 0 0-2.975.378C4.281 1.555.568 5.794.091 10.602c-.59 4.548 1.709 9.285 5.644 11.634c3.861 2.418 9.093 2.32 12.874-.223c3.397-2.206 5.512-6.228 5.386-10.285c-.058-4.016-2.31-7.916-5.76-9.98C16.355.589 14.144.006 11.937.015m-.063 1.696c4.945-.007 9.789 3.813 10.282 8.924c.945 5.66-3.753 11.413-9.488 11.58c-5.454.544-10.724-4.08-10.88-9.557c-.406-4.434 2.517-8.834 6.698-10.3a9.1 9.1 0 0 1 3.388-.646zm5.091 3.225c-2.687 2.084-5.26 4.307-7.889 6.456c1.203.017 2.412.016 3.621.01c1.41-2.165 2.86-4.3 4.268-6.467M11.3 12.588c-1.41 2.166-2.86 4.309-4.27 6.474c2.693-2.08 5.255-4.32 7.902-6.456a255 255 0 0 0-3.632-.018"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsSocketdotio(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="M11.936.014a12.2 12.2 0 0 0-2.975.378C4.281 1.555.568 5.794.091 10.602c-.59 4.548 1.709 9.285 5.644 11.634c3.861 2.418 9.093 2.32 12.874-.223c3.397-2.206 5.512-6.228 5.386-10.285c-.058-4.016-2.31-7.916-5.76-9.98C16.355.589 14.144.006 11.937.015m-.063 1.696c4.945-.007 9.789 3.813 10.282 8.924c.945 5.66-3.753 11.413-9.488 11.58c-5.454.544-10.724-4.08-10.88-9.557c-.406-4.434 2.517-8.834 6.698-10.3a9.1 9.1 0 0 1 3.388-.646zm5.091 3.225c-2.687 2.084-5.26 4.307-7.889 6.456c1.203.017 2.412.016 3.621.01c1.41-2.165 2.86-4.3 4.268-6.467M11.3 12.588c-1.41 2.166-2.86 4.309-4.27 6.474c2.693-2.08 5.255-4.32 7.902-6.456a255 255 0 0 0-3.632-.018"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.936.014a12.2 12.2 0 0 0-2.975.378C4.281 1.555.568 5.794.091 10.602c-.59 4.548 1.709 9.285 5.644 11.634c3.861 2.418 9.093 2.32 12.874-.223c3.397-2.206 5.512-6.228 5.386-10.285c-.058-4.016-2.31-7.916-5.76-9.98C16.355.589 14.144.006 11.937.015m-.063 1.696c4.945-.007 9.789 3.813 10.282 8.924c.945 5.66-3.753 11.413-9.488 11.58c-5.454.544-10.724-4.08-10.88-9.557c-.406-4.434 2.517-8.834 6.698-10.3a9.1 9.1 0 0 1 3.388-.646zm5.091 3.225c-2.687 2.084-5.26 4.307-7.889 6.456c1.203.017 2.412.016 3.621.01c1.41-2.165 2.86-4.3 4.268-6.467M11.3 12.588c-1.41 2.166-2.86 4.309-4.27 6.474c2.693-2.08 5.255-4.32 7.902-6.456a255 255 0 0 0-3.632-.018"/></svg>
</template>

CSS

.icon-socketdotio {
  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%22M11.936.014a12.2%2012.2%200%200%200-2.975.378C4.281%201.555.568%205.794.091%2010.602c-.59%204.548%201.709%209.285%205.644%2011.634c3.861%202.418%209.093%202.32%2012.874-.223c3.397-2.206%205.512-6.228%205.386-10.285c-.058-4.016-2.31-7.916-5.76-9.98C16.355.589%2014.144.006%2011.937.015m-.063%201.696c4.945-.007%209.789%203.813%2010.282%208.924c.945%205.66-3.753%2011.413-9.488%2011.58c-5.454.544-10.724-4.08-10.88-9.557c-.406-4.434%202.517-8.834%206.698-10.3a9.1%209.1%200%200%201%203.388-.646zm5.091%203.225c-2.687%202.084-5.26%204.307-7.889%206.456c1.203.017%202.412.016%203.621.01c1.41-2.165%202.86-4.3%204.268-6.467M11.3%2012.588c-1.41%202.166-2.86%204.309-4.27%206.474c2.693-2.08%205.255-4.32%207.902-6.456a255%20255%200%200%200-3.632-.018%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%22M11.936.014a12.2%2012.2%200%200%200-2.975.378C4.281%201.555.568%205.794.091%2010.602c-.59%204.548%201.709%209.285%205.644%2011.634c3.861%202.418%209.093%202.32%2012.874-.223c3.397-2.206%205.512-6.228%205.386-10.285c-.058-4.016-2.31-7.916-5.76-9.98C16.355.589%2014.144.006%2011.937.015m-.063%201.696c4.945-.007%209.789%203.813%2010.282%208.924c.945%205.66-3.753%2011.413-9.488%2011.58c-5.454.544-10.724-4.08-10.88-9.557c-.406-4.434%202.517-8.834%206.698-10.3a9.1%209.1%200%200%201%203.388-.646zm5.091%203.225c-2.687%202.084-5.26%204.307-7.889%206.456c1.203.017%202.412.016%203.621.01c1.41-2.165%202.86-4.3%204.268-6.467M11.3%2012.588c-1.41%202.166-2.86%204.309-4.27%206.474c2.693-2.08%205.255-4.32%207.902-6.456a255%20255%200%200%200-3.632-.018%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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