protoio logo

protoio from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
protoio
Set
SVG Logos
Style
Color
Viewbox
512×135
License
CC0

Use the protoio logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 135"><path fill="#3e4245" d="M41.696 25.49c22.958 0 41.696 18.57 41.696 41.527c0 22.959-18.738 41.696-41.696 41.696c-7.259 0-14.18-1.856-20.088-5.064v31.399L0 125.932V67.186C0 44.06 18.738 25.49 41.696 25.49M249.332 0v25.49h20.088v21.608h-20.088v20.426a20.03 20.03 0 0 0 20.088 20.088v21.608c-22.62 0-41.02-18.063-41.696-40.514V9.285zM132.853 25.49v21.608a20.03 20.03 0 0 0-20.088 20.088v42.034H91.157V66.005l.026-.673c1.018-22.139 19.276-39.842 41.67-39.842m44.904 0c22.958 0 41.527 18.57 41.696 41.696c0 22.958-18.738 41.696-41.696 41.696S136.06 90.144 136.06 67.186s18.738-41.696 41.696-41.696m138.592 0c22.959 0 41.697 18.57 41.697 41.696c0 22.958-18.738 41.696-41.697 41.696c-22.958 0-41.696-18.738-41.696-41.696S293.391 25.49 316.35 25.49m153.955 0C493.262 25.49 512 44.06 512 67.186c0 22.958-18.738 41.696-41.696 41.696s-41.696-18.738-41.696-41.696s18.738-41.696 41.696-41.696m-50.137 0v83.392H398.56V25.49zm-44.734 55.37a13.977 13.977 0 0 1 14.011 14.011a13.977 13.977 0 0 1-14.011 14.011a13.977 13.977 0 0 1-14.011-14.01a13.977 13.977 0 0 1 14.01-14.012M177.757 47.098a20.03 20.03 0 0 0-20.089 20.088a20.03 20.03 0 0 0 20.089 20.089c10.972 0 19.92-9.116 20.088-20.089a20.03 20.03 0 0 0-20.088-20.088m138.592 0a20.03 20.03 0 0 0-20.088 20.088a20.03 20.03 0 0 0 20.088 20.089c10.973 0 20.089-9.116 20.089-20.089a20.03 20.03 0 0 0-20.089-20.088m-274.653 0a20.03 20.03 0 0 0-20.088 20.088a20.03 20.03 0 0 0 20.088 20.089c10.973 0 20.088-9.116 20.088-20.089a20.03 20.03 0 0 0-20.088-20.088m428.608 0a20.03 20.03 0 0 0-20.088 20.088a20.03 20.03 0 0 0 20.088 20.089c10.973 0 20.088-9.116 20.088-20.089a20.03 20.03 0 0 0-20.088-20.088"/></svg>

React

import type { SVGProps } from "react";

export function LogosProtoio(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 135"><path fill="#3e4245" d="M41.696 25.49c22.958 0 41.696 18.57 41.696 41.527c0 22.959-18.738 41.696-41.696 41.696c-7.259 0-14.18-1.856-20.088-5.064v31.399L0 125.932V67.186C0 44.06 18.738 25.49 41.696 25.49M249.332 0v25.49h20.088v21.608h-20.088v20.426a20.03 20.03 0 0 0 20.088 20.088v21.608c-22.62 0-41.02-18.063-41.696-40.514V9.285zM132.853 25.49v21.608a20.03 20.03 0 0 0-20.088 20.088v42.034H91.157V66.005l.026-.673c1.018-22.139 19.276-39.842 41.67-39.842m44.904 0c22.958 0 41.527 18.57 41.696 41.696c0 22.958-18.738 41.696-41.696 41.696S136.06 90.144 136.06 67.186s18.738-41.696 41.696-41.696m138.592 0c22.959 0 41.697 18.57 41.697 41.696c0 22.958-18.738 41.696-41.697 41.696c-22.958 0-41.696-18.738-41.696-41.696S293.391 25.49 316.35 25.49m153.955 0C493.262 25.49 512 44.06 512 67.186c0 22.958-18.738 41.696-41.696 41.696s-41.696-18.738-41.696-41.696s18.738-41.696 41.696-41.696m-50.137 0v83.392H398.56V25.49zm-44.734 55.37a13.977 13.977 0 0 1 14.011 14.011a13.977 13.977 0 0 1-14.011 14.011a13.977 13.977 0 0 1-14.011-14.01a13.977 13.977 0 0 1 14.01-14.012M177.757 47.098a20.03 20.03 0 0 0-20.089 20.088a20.03 20.03 0 0 0 20.089 20.089c10.972 0 19.92-9.116 20.088-20.089a20.03 20.03 0 0 0-20.088-20.088m138.592 0a20.03 20.03 0 0 0-20.088 20.088a20.03 20.03 0 0 0 20.088 20.089c10.973 0 20.089-9.116 20.089-20.089a20.03 20.03 0 0 0-20.089-20.088m-274.653 0a20.03 20.03 0 0 0-20.088 20.088a20.03 20.03 0 0 0 20.088 20.089c10.973 0 20.088-9.116 20.088-20.089a20.03 20.03 0 0 0-20.088-20.088m428.608 0a20.03 20.03 0 0 0-20.088 20.088a20.03 20.03 0 0 0 20.088 20.089c10.973 0 20.088-9.116 20.088-20.089a20.03 20.03 0 0 0-20.088-20.088"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 135"><path fill="#3e4245" d="M41.696 25.49c22.958 0 41.696 18.57 41.696 41.527c0 22.959-18.738 41.696-41.696 41.696c-7.259 0-14.18-1.856-20.088-5.064v31.399L0 125.932V67.186C0 44.06 18.738 25.49 41.696 25.49M249.332 0v25.49h20.088v21.608h-20.088v20.426a20.03 20.03 0 0 0 20.088 20.088v21.608c-22.62 0-41.02-18.063-41.696-40.514V9.285zM132.853 25.49v21.608a20.03 20.03 0 0 0-20.088 20.088v42.034H91.157V66.005l.026-.673c1.018-22.139 19.276-39.842 41.67-39.842m44.904 0c22.958 0 41.527 18.57 41.696 41.696c0 22.958-18.738 41.696-41.696 41.696S136.06 90.144 136.06 67.186s18.738-41.696 41.696-41.696m138.592 0c22.959 0 41.697 18.57 41.697 41.696c0 22.958-18.738 41.696-41.697 41.696c-22.958 0-41.696-18.738-41.696-41.696S293.391 25.49 316.35 25.49m153.955 0C493.262 25.49 512 44.06 512 67.186c0 22.958-18.738 41.696-41.696 41.696s-41.696-18.738-41.696-41.696s18.738-41.696 41.696-41.696m-50.137 0v83.392H398.56V25.49zm-44.734 55.37a13.977 13.977 0 0 1 14.011 14.011a13.977 13.977 0 0 1-14.011 14.011a13.977 13.977 0 0 1-14.011-14.01a13.977 13.977 0 0 1 14.01-14.012M177.757 47.098a20.03 20.03 0 0 0-20.089 20.088a20.03 20.03 0 0 0 20.089 20.089c10.972 0 19.92-9.116 20.088-20.089a20.03 20.03 0 0 0-20.088-20.088m138.592 0a20.03 20.03 0 0 0-20.088 20.088a20.03 20.03 0 0 0 20.088 20.089c10.973 0 20.089-9.116 20.089-20.089a20.03 20.03 0 0 0-20.089-20.088m-274.653 0a20.03 20.03 0 0 0-20.088 20.088a20.03 20.03 0 0 0 20.088 20.089c10.973 0 20.088-9.116 20.088-20.089a20.03 20.03 0 0 0-20.088-20.088m428.608 0a20.03 20.03 0 0 0-20.088 20.088a20.03 20.03 0 0 0 20.088 20.089c10.973 0 20.088-9.116 20.088-20.089a20.03 20.03 0 0 0-20.088-20.088"/></svg>
</template>

CSS

.icon-protoio {
  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%20512%20135%22%3E%3Cpath%20fill%3D%22%233e4245%22%20d%3D%22M41.696%2025.49c22.958%200%2041.696%2018.57%2041.696%2041.527c0%2022.959-18.738%2041.696-41.696%2041.696c-7.259%200-14.18-1.856-20.088-5.064v31.399L0%20125.932V67.186C0%2044.06%2018.738%2025.49%2041.696%2025.49M249.332%200v25.49h20.088v21.608h-20.088v20.426a20.03%2020.03%200%200%200%2020.088%2020.088v21.608c-22.62%200-41.02-18.063-41.696-40.514V9.285zM132.853%2025.49v21.608a20.03%2020.03%200%200%200-20.088%2020.088v42.034H91.157V66.005l.026-.673c1.018-22.139%2019.276-39.842%2041.67-39.842m44.904%200c22.958%200%2041.527%2018.57%2041.696%2041.696c0%2022.958-18.738%2041.696-41.696%2041.696S136.06%2090.144%20136.06%2067.186s18.738-41.696%2041.696-41.696m138.592%200c22.959%200%2041.697%2018.57%2041.697%2041.696c0%2022.958-18.738%2041.696-41.697%2041.696c-22.958%200-41.696-18.738-41.696-41.696S293.391%2025.49%20316.35%2025.49m153.955%200C493.262%2025.49%20512%2044.06%20512%2067.186c0%2022.958-18.738%2041.696-41.696%2041.696s-41.696-18.738-41.696-41.696s18.738-41.696%2041.696-41.696m-50.137%200v83.392H398.56V25.49zm-44.734%2055.37a13.977%2013.977%200%200%201%2014.011%2014.011a13.977%2013.977%200%200%201-14.011%2014.011a13.977%2013.977%200%200%201-14.011-14.01a13.977%2013.977%200%200%201%2014.01-14.012M177.757%2047.098a20.03%2020.03%200%200%200-20.089%2020.088a20.03%2020.03%200%200%200%2020.089%2020.089c10.972%200%2019.92-9.116%2020.088-20.089a20.03%2020.03%200%200%200-20.088-20.088m138.592%200a20.03%2020.03%200%200%200-20.088%2020.088a20.03%2020.03%200%200%200%2020.088%2020.089c10.973%200%2020.089-9.116%2020.089-20.089a20.03%2020.03%200%200%200-20.089-20.088m-274.653%200a20.03%2020.03%200%200%200-20.088%2020.088a20.03%2020.03%200%200%200%2020.088%2020.089c10.973%200%2020.088-9.116%2020.088-20.089a20.03%2020.03%200%200%200-20.088-20.088m428.608%200a20.03%2020.03%200%200%200-20.088%2020.088a20.03%2020.03%200%200%200%2020.088%2020.089c10.973%200%2020.088-9.116%2020.088-20.089a20.03%2020.03%200%200%200-20.088-20.088%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%20512%20135%22%3E%3Cpath%20fill%3D%22%233e4245%22%20d%3D%22M41.696%2025.49c22.958%200%2041.696%2018.57%2041.696%2041.527c0%2022.959-18.738%2041.696-41.696%2041.696c-7.259%200-14.18-1.856-20.088-5.064v31.399L0%20125.932V67.186C0%2044.06%2018.738%2025.49%2041.696%2025.49M249.332%200v25.49h20.088v21.608h-20.088v20.426a20.03%2020.03%200%200%200%2020.088%2020.088v21.608c-22.62%200-41.02-18.063-41.696-40.514V9.285zM132.853%2025.49v21.608a20.03%2020.03%200%200%200-20.088%2020.088v42.034H91.157V66.005l.026-.673c1.018-22.139%2019.276-39.842%2041.67-39.842m44.904%200c22.958%200%2041.527%2018.57%2041.696%2041.696c0%2022.958-18.738%2041.696-41.696%2041.696S136.06%2090.144%20136.06%2067.186s18.738-41.696%2041.696-41.696m138.592%200c22.959%200%2041.697%2018.57%2041.697%2041.696c0%2022.958-18.738%2041.696-41.697%2041.696c-22.958%200-41.696-18.738-41.696-41.696S293.391%2025.49%20316.35%2025.49m153.955%200C493.262%2025.49%20512%2044.06%20512%2067.186c0%2022.958-18.738%2041.696-41.696%2041.696s-41.696-18.738-41.696-41.696s18.738-41.696%2041.696-41.696m-50.137%200v83.392H398.56V25.49zm-44.734%2055.37a13.977%2013.977%200%200%201%2014.011%2014.011a13.977%2013.977%200%200%201-14.011%2014.011a13.977%2013.977%200%200%201-14.011-14.01a13.977%2013.977%200%200%201%2014.01-14.012M177.757%2047.098a20.03%2020.03%200%200%200-20.089%2020.088a20.03%2020.03%200%200%200%2020.089%2020.089c10.972%200%2019.92-9.116%2020.088-20.089a20.03%2020.03%200%200%200-20.088-20.088m138.592%200a20.03%2020.03%200%200%200-20.088%2020.088a20.03%2020.03%200%200%200%2020.088%2020.089c10.973%200%2020.089-9.116%2020.089-20.089a20.03%2020.03%200%200%200-20.089-20.088m-274.653%200a20.03%2020.03%200%200%200-20.088%2020.088a20.03%2020.03%200%200%200%2020.088%2020.089c10.973%200%2020.088-9.116%2020.088-20.089a20.03%2020.03%200%200%200-20.088-20.088m428.608%200a20.03%2020.03%200%200%200-20.088%2020.088a20.03%2020.03%200%200%200%2020.088%2020.089c10.973%200%2020.088-9.116%2020.088-20.089a20.03%2020.03%200%200%200-20.088-20.088%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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