Protoio icon
logos:protoio
The Protoio icon (logos:protoio) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 135 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 512 × 135
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="135" 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>How to use the Protoio icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:protoio" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:protoio" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:protoio" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--protoio]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:protoio"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:protoio"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/protoio.svg" alt="Protoio icon" width="24" height="24">Protoio icon FAQ
Is the Protoio icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Protoio icon in React?
Install @iconify/react and render <Icon icon="logos:protoio" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Protoio icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/protoio.svg" alt="Protoio icon">, or paste the SVG code inline to style it with CSS.