proto io logo
proto-io from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- proto-io
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
Use the proto io logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 15.995a1.756 1.756 0 1 1 .002-3.512A1.756 1.756 0 0 1 16 15.995m3.885-.026c0-3.772-1.473-7.199-3.885-9.729a14.05 14.05 0 0 0-3.885 9.729c0 1.728.307 3.38.875 4.911c-.823 1.199-1.427 2.88-1.697 4.817c.853-1.02 1.896-1.739 3.057-2.119a14.3 14.3 0 0 0 1.651 2.099a14.4 14.4 0 0 0 1.651-2.12c1.161.36 2.204 1.099 3.052 2.099c-.265-1.937-.869-3.62-1.697-4.817c.568-1.541.88-3.183.88-4.921zM16 29.333C8.636 29.333 2.667 23.364 2.667 16S8.636 2.667 16 2.667S29.333 8.636 29.333 16S23.364 29.333 16 29.333M16 0C7.161 0 0 7.161 0 16s7.161 16 16 16s16-7.161 16-16S24.839 0 16 0"/></svg>
React
import type { SVGProps } from "react";
export function CibProtoIo(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="M16 15.995a1.756 1.756 0 1 1 .002-3.512A1.756 1.756 0 0 1 16 15.995m3.885-.026c0-3.772-1.473-7.199-3.885-9.729a14.05 14.05 0 0 0-3.885 9.729c0 1.728.307 3.38.875 4.911c-.823 1.199-1.427 2.88-1.697 4.817c.853-1.02 1.896-1.739 3.057-2.119a14.3 14.3 0 0 0 1.651 2.099a14.4 14.4 0 0 0 1.651-2.12c1.161.36 2.204 1.099 3.052 2.099c-.265-1.937-.869-3.62-1.697-4.817c.568-1.541.88-3.183.88-4.921zM16 29.333C8.636 29.333 2.667 23.364 2.667 16S8.636 2.667 16 2.667S29.333 8.636 29.333 16S23.364 29.333 16 29.333M16 0C7.161 0 0 7.161 0 16s7.161 16 16 16s16-7.161 16-16S24.839 0 16 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 15.995a1.756 1.756 0 1 1 .002-3.512A1.756 1.756 0 0 1 16 15.995m3.885-.026c0-3.772-1.473-7.199-3.885-9.729a14.05 14.05 0 0 0-3.885 9.729c0 1.728.307 3.38.875 4.911c-.823 1.199-1.427 2.88-1.697 4.817c.853-1.02 1.896-1.739 3.057-2.119a14.3 14.3 0 0 0 1.651 2.099a14.4 14.4 0 0 0 1.651-2.12c1.161.36 2.204 1.099 3.052 2.099c-.265-1.937-.869-3.62-1.697-4.817c.568-1.541.88-3.183.88-4.921zM16 29.333C8.636 29.333 2.667 23.364 2.667 16S8.636 2.667 16 2.667S29.333 8.636 29.333 16S23.364 29.333 16 29.333M16 0C7.161 0 0 7.161 0 16s7.161 16 16 16s16-7.161 16-16S24.839 0 16 0"/></svg> </template>
CSS
.icon-proto-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%22M16%2015.995a1.756%201.756%200%201%201%20.002-3.512A1.756%201.756%200%200%201%2016%2015.995m3.885-.026c0-3.772-1.473-7.199-3.885-9.729a14.05%2014.05%200%200%200-3.885%209.729c0%201.728.307%203.38.875%204.911c-.823%201.199-1.427%202.88-1.697%204.817c.853-1.02%201.896-1.739%203.057-2.119a14.3%2014.3%200%200%200%201.651%202.099a14.4%2014.4%200%200%200%201.651-2.12c1.161.36%202.204%201.099%203.052%202.099c-.265-1.937-.869-3.62-1.697-4.817c.568-1.541.88-3.183.88-4.921zM16%2029.333C8.636%2029.333%202.667%2023.364%202.667%2016S8.636%202.667%2016%202.667S29.333%208.636%2029.333%2016S23.364%2029.333%2016%2029.333M16%200C7.161%200%200%207.161%200%2016s7.161%2016%2016%2016s16-7.161%2016-16S24.839%200%2016%200%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%22M16%2015.995a1.756%201.756%200%201%201%20.002-3.512A1.756%201.756%200%200%201%2016%2015.995m3.885-.026c0-3.772-1.473-7.199-3.885-9.729a14.05%2014.05%200%200%200-3.885%209.729c0%201.728.307%203.38.875%204.911c-.823%201.199-1.427%202.88-1.697%204.817c.853-1.02%201.896-1.739%203.057-2.119a14.3%2014.3%200%200%200%201.651%202.099a14.4%2014.4%200%200%200%201.651-2.12c1.161.36%202.204%201.099%203.052%202.099c-.265-1.937-.869-3.62-1.697-4.817c.568-1.541.88-3.183.88-4.921zM16%2029.333C8.636%2029.333%202.667%2023.364%202.667%2016S8.636%202.667%2016%202.667S29.333%208.636%2029.333%2016S23.364%2029.333%2016%2029.333M16%200C7.161%200%200%207.161%200%2016s7.161%2016%2016%2016s16-7.161%2016-16S24.839%200%2016%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/proto-io.svg?color=%231a73e8&size=48
