ppio logo
ppio-color from LobeHub AI Icons by LobeHub · Color · MIT Free for personal and commercial use.
- Name
- ppio-color
- Set
- LobeHub AI Icons
- Style
- Color
- Viewbox
- 24×24
- License
- MIT
3 other variants in LobeHub AI Icons
Use the ppio logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#2874ff" fill-rule="evenodd" d="M12.002 0C5.377 0 0 5.37 0 11.994c0 3.266 1.309 6.232 3.43 8.395v-8.383c0-2.288.893-4.447 2.51-6.063a8.513 8.513 0 016.066-2.509h.07l-.074.008c4.735 0 8.575 3.84 8.575 8.571 0 .413-.03.818-.087 1.219l-4.844-4.86A5.12 5.12 0 0012.01 6.87a5.126 5.126 0 00-3.637 1.503 5.107 5.107 0 00-1.507 3.641c0 1.376.536 2.666 1.507 3.64a5.12 5.12 0 003.637 1.504 5.126 5.126 0 003.637-1.503 5.114 5.114 0 001.496-3.348l2.842 2.853c-1.256 3.18-4.353 5.433-7.978 5.433-1.879 0-3.671-.6-5.145-1.714v3.967c1.56.742 3.3 1.155 5.137 1.155C18.623 24 24 18.63 24 12.006 24.008 5.373 18.635.004 12.006.004L12.002 0z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function LobehubPpioColor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#2874ff" fillRule="evenodd" d="M12.002 0C5.377 0 0 5.37 0 11.994c0 3.266 1.309 6.232 3.43 8.395v-8.383c0-2.288.893-4.447 2.51-6.063a8.513 8.513 0 016.066-2.509h.07l-.074.008c4.735 0 8.575 3.84 8.575 8.571 0 .413-.03.818-.087 1.219l-4.844-4.86A5.12 5.12 0 0012.01 6.87a5.126 5.126 0 00-3.637 1.503 5.107 5.107 0 00-1.507 3.641c0 1.376.536 2.666 1.507 3.64a5.12 5.12 0 003.637 1.504 5.126 5.126 0 003.637-1.503 5.114 5.114 0 001.496-3.348l2.842 2.853c-1.256 3.18-4.353 5.433-7.978 5.433-1.879 0-3.671-.6-5.145-1.714v3.967c1.56.742 3.3 1.155 5.137 1.155C18.623 24 24 18.63 24 12.006 24.008 5.373 18.635.004 12.006.004L12.002 0z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#2874ff" fill-rule="evenodd" d="M12.002 0C5.377 0 0 5.37 0 11.994c0 3.266 1.309 6.232 3.43 8.395v-8.383c0-2.288.893-4.447 2.51-6.063a8.513 8.513 0 016.066-2.509h.07l-.074.008c4.735 0 8.575 3.84 8.575 8.571 0 .413-.03.818-.087 1.219l-4.844-4.86A5.12 5.12 0 0012.01 6.87a5.126 5.126 0 00-3.637 1.503 5.107 5.107 0 00-1.507 3.641c0 1.376.536 2.666 1.507 3.64a5.12 5.12 0 003.637 1.504 5.126 5.126 0 003.637-1.503 5.114 5.114 0 001.496-3.348l2.842 2.853c-1.256 3.18-4.353 5.433-7.978 5.433-1.879 0-3.671-.6-5.145-1.714v3.967c1.56.742 3.3 1.155 5.137 1.155C18.623 24 24 18.63 24 12.006 24.008 5.373 18.635.004 12.006.004L12.002 0z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-ppio-color {
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%22%232874ff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.002%200C5.377%200%200%205.37%200%2011.994c0%203.266%201.309%206.232%203.43%208.395v-8.383c0-2.288.893-4.447%202.51-6.063a8.513%208.513%200%20016.066-2.509h.07l-.074.008c4.735%200%208.575%203.84%208.575%208.571%200%20.413-.03.818-.087%201.219l-4.844-4.86A5.12%205.12%200%200012.01%206.87a5.126%205.126%200%2000-3.637%201.503%205.107%205.107%200%2000-1.507%203.641c0%201.376.536%202.666%201.507%203.64a5.12%205.12%200%20003.637%201.504%205.126%205.126%200%20003.637-1.503%205.114%205.114%200%20001.496-3.348l2.842%202.853c-1.256%203.18-4.353%205.433-7.978%205.433-1.879%200-3.671-.6-5.145-1.714v3.967c1.56.742%203.3%201.155%205.137%201.155C18.623%2024%2024%2018.63%2024%2012.006%2024.008%205.373%2018.635.004%2012.006.004L12.002%200z%22%20clip-rule%3D%22evenodd%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%22%232874ff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.002%200C5.377%200%200%205.37%200%2011.994c0%203.266%201.309%206.232%203.43%208.395v-8.383c0-2.288.893-4.447%202.51-6.063a8.513%208.513%200%20016.066-2.509h.07l-.074.008c4.735%200%208.575%203.84%208.575%208.571%200%20.413-.03.818-.087%201.219l-4.844-4.86A5.12%205.12%200%200012.01%206.87a5.126%205.126%200%2000-3.637%201.503%205.107%205.107%200%2000-1.507%203.641c0%201.376.536%202.666%201.507%203.64a5.12%205.12%200%20003.637%201.504%205.126%205.126%200%20003.637-1.503%205.114%205.114%200%20001.496-3.348l2.842%202.853c-1.256%203.18-4.353%205.433-7.978%205.433-1.879%200-3.671-.6-5.145-1.714v3.967c1.56.742%203.3%201.155%205.137%201.155C18.623%2024%2024%2018.63%2024%2012.006%2024.008%205.373%2018.635.004%2012.006.004L12.002%200z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/ppio-color.svg?color=%231a73e8&size=48
