platformio logo
platformio from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- platformio
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the platformio logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 23.992c1.25.211 7.051-3.743 9.113-8.217c.253-.686.61-1.198.746-2.5c.21-2.016-.41-3.912-1.59-5.419c-.987-1.163-2.305-2.004-3.88-2.532l.683-2.583a1.371 1.371 0 1 0-.76-.189L15.64 5.1c-1.109-.288-2.328-.437-3.64-.444m5.978 11.667c-1.548 1.346-2.525 1.488-3.045 1.467c-.274-.034-.75-.558-.919-1.104c-.188-.612-.28-1.282-.273-2.2c-.199-2.476 1.465-5.624 3.937-6.041c1.003-.186 2.39.493 2.889 2.088c.506 1.422-.645 4.147-2.589 5.79M12 4.656c-1.315.007-2.538.156-3.65.447l-.675-2.56A1.37 1.37 0 0 0 6.962 0a1.372 1.372 0 0 0-.044 2.742L7.6 5.328c-1.57.528-2.885 1.367-3.871 2.528c-1.179 1.507-1.8 3.403-1.588 5.419c.136 1.302.492 1.814.745 2.5c2.062 4.474 7.862 8.428 9.113 8.217m-1.507-9.507c.007.92-.086 1.589-.274 2.201c-.167.546-.644 1.07-.918 1.104c-.52.021-1.498-.121-3.045-1.467c-1.944-1.643-3.095-4.368-2.589-5.79c.5-1.595 1.886-2.274 2.889-2.088c2.471.417 4.136 3.565 3.937 6.04m6.45-2.19a1.24 1.24 0 1 0 0 2.48a1.24 1.24 0 0 0 0-2.48m.416 1.149a.325.325 0 1 1 0-.65a.325.325 0 0 1 0 .65M7.25 12.294a1.24 1.24 0 1 0 0 2.48a1.24 1.24 0 0 0 0-2.48m-.418 1.15a.325.325 0 1 1 0-.65a.325.325 0 0 1 0 .65"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsPlatformio(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="M12 23.992c1.25.211 7.051-3.743 9.113-8.217c.253-.686.61-1.198.746-2.5c.21-2.016-.41-3.912-1.59-5.419c-.987-1.163-2.305-2.004-3.88-2.532l.683-2.583a1.371 1.371 0 1 0-.76-.189L15.64 5.1c-1.109-.288-2.328-.437-3.64-.444m5.978 11.667c-1.548 1.346-2.525 1.488-3.045 1.467c-.274-.034-.75-.558-.919-1.104c-.188-.612-.28-1.282-.273-2.2c-.199-2.476 1.465-5.624 3.937-6.041c1.003-.186 2.39.493 2.889 2.088c.506 1.422-.645 4.147-2.589 5.79M12 4.656c-1.315.007-2.538.156-3.65.447l-.675-2.56A1.37 1.37 0 0 0 6.962 0a1.372 1.372 0 0 0-.044 2.742L7.6 5.328c-1.57.528-2.885 1.367-3.871 2.528c-1.179 1.507-1.8 3.403-1.588 5.419c.136 1.302.492 1.814.745 2.5c2.062 4.474 7.862 8.428 9.113 8.217m-1.507-9.507c.007.92-.086 1.589-.274 2.201c-.167.546-.644 1.07-.918 1.104c-.52.021-1.498-.121-3.045-1.467c-1.944-1.643-3.095-4.368-2.589-5.79c.5-1.595 1.886-2.274 2.889-2.088c2.471.417 4.136 3.565 3.937 6.04m6.45-2.19a1.24 1.24 0 1 0 0 2.48a1.24 1.24 0 0 0 0-2.48m.416 1.149a.325.325 0 1 1 0-.65a.325.325 0 0 1 0 .65M7.25 12.294a1.24 1.24 0 1 0 0 2.48a1.24 1.24 0 0 0 0-2.48m-.418 1.15a.325.325 0 1 1 0-.65a.325.325 0 0 1 0 .65"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 23.992c1.25.211 7.051-3.743 9.113-8.217c.253-.686.61-1.198.746-2.5c.21-2.016-.41-3.912-1.59-5.419c-.987-1.163-2.305-2.004-3.88-2.532l.683-2.583a1.371 1.371 0 1 0-.76-.189L15.64 5.1c-1.109-.288-2.328-.437-3.64-.444m5.978 11.667c-1.548 1.346-2.525 1.488-3.045 1.467c-.274-.034-.75-.558-.919-1.104c-.188-.612-.28-1.282-.273-2.2c-.199-2.476 1.465-5.624 3.937-6.041c1.003-.186 2.39.493 2.889 2.088c.506 1.422-.645 4.147-2.589 5.79M12 4.656c-1.315.007-2.538.156-3.65.447l-.675-2.56A1.37 1.37 0 0 0 6.962 0a1.372 1.372 0 0 0-.044 2.742L7.6 5.328c-1.57.528-2.885 1.367-3.871 2.528c-1.179 1.507-1.8 3.403-1.588 5.419c.136 1.302.492 1.814.745 2.5c2.062 4.474 7.862 8.428 9.113 8.217m-1.507-9.507c.007.92-.086 1.589-.274 2.201c-.167.546-.644 1.07-.918 1.104c-.52.021-1.498-.121-3.045-1.467c-1.944-1.643-3.095-4.368-2.589-5.79c.5-1.595 1.886-2.274 2.889-2.088c2.471.417 4.136 3.565 3.937 6.04m6.45-2.19a1.24 1.24 0 1 0 0 2.48a1.24 1.24 0 0 0 0-2.48m.416 1.149a.325.325 0 1 1 0-.65a.325.325 0 0 1 0 .65M7.25 12.294a1.24 1.24 0 1 0 0 2.48a1.24 1.24 0 0 0 0-2.48m-.418 1.15a.325.325 0 1 1 0-.65a.325.325 0 0 1 0 .65"/></svg> </template>
CSS
.icon-platformio {
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%22M12%2023.992c1.25.211%207.051-3.743%209.113-8.217c.253-.686.61-1.198.746-2.5c.21-2.016-.41-3.912-1.59-5.419c-.987-1.163-2.305-2.004-3.88-2.532l.683-2.583a1.371%201.371%200%201%200-.76-.189L15.64%205.1c-1.109-.288-2.328-.437-3.64-.444m5.978%2011.667c-1.548%201.346-2.525%201.488-3.045%201.467c-.274-.034-.75-.558-.919-1.104c-.188-.612-.28-1.282-.273-2.2c-.199-2.476%201.465-5.624%203.937-6.041c1.003-.186%202.39.493%202.889%202.088c.506%201.422-.645%204.147-2.589%205.79M12%204.656c-1.315.007-2.538.156-3.65.447l-.675-2.56A1.37%201.37%200%200%200%206.962%200a1.372%201.372%200%200%200-.044%202.742L7.6%205.328c-1.57.528-2.885%201.367-3.871%202.528c-1.179%201.507-1.8%203.403-1.588%205.419c.136%201.302.492%201.814.745%202.5c2.062%204.474%207.862%208.428%209.113%208.217m-1.507-9.507c.007.92-.086%201.589-.274%202.201c-.167.546-.644%201.07-.918%201.104c-.52.021-1.498-.121-3.045-1.467c-1.944-1.643-3.095-4.368-2.589-5.79c.5-1.595%201.886-2.274%202.889-2.088c2.471.417%204.136%203.565%203.937%206.04m6.45-2.19a1.24%201.24%200%201%200%200%202.48a1.24%201.24%200%200%200%200-2.48m.416%201.149a.325.325%200%201%201%200-.65a.325.325%200%200%201%200%20.65M7.25%2012.294a1.24%201.24%200%201%200%200%202.48a1.24%201.24%200%200%200%200-2.48m-.418%201.15a.325.325%200%201%201%200-.65a.325.325%200%200%201%200%20.65%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%22M12%2023.992c1.25.211%207.051-3.743%209.113-8.217c.253-.686.61-1.198.746-2.5c.21-2.016-.41-3.912-1.59-5.419c-.987-1.163-2.305-2.004-3.88-2.532l.683-2.583a1.371%201.371%200%201%200-.76-.189L15.64%205.1c-1.109-.288-2.328-.437-3.64-.444m5.978%2011.667c-1.548%201.346-2.525%201.488-3.045%201.467c-.274-.034-.75-.558-.919-1.104c-.188-.612-.28-1.282-.273-2.2c-.199-2.476%201.465-5.624%203.937-6.041c1.003-.186%202.39.493%202.889%202.088c.506%201.422-.645%204.147-2.589%205.79M12%204.656c-1.315.007-2.538.156-3.65.447l-.675-2.56A1.37%201.37%200%200%200%206.962%200a1.372%201.372%200%200%200-.044%202.742L7.6%205.328c-1.57.528-2.885%201.367-3.871%202.528c-1.179%201.507-1.8%203.403-1.588%205.419c.136%201.302.492%201.814.745%202.5c2.062%204.474%207.862%208.428%209.113%208.217m-1.507-9.507c.007.92-.086%201.589-.274%202.201c-.167.546-.644%201.07-.918%201.104c-.52.021-1.498-.121-3.045-1.467c-1.944-1.643-3.095-4.368-2.589-5.79c.5-1.595%201.886-2.274%202.889-2.088c2.471.417%204.136%203.565%203.937%206.04m6.45-2.19a1.24%201.24%200%201%200%200%202.48a1.24%201.24%200%200%200%200-2.48m.416%201.149a.325.325%200%201%201%200-.65a.325.325%200%200%201%200%20.65M7.25%2012.294a1.24%201.24%200%201%200%200%202.48a1.24%201.24%200%200%200%200-2.48m-.418%201.15a.325.325%200%201%201%200-.65a.325.325%200%200%201%200%20.65%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/platformio.svg?color=%231a73e8&size=48
