platformio logo
platformio from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- platformio
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
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 256 256"><path fill="#ff7f00" d="M128 0C93.81 0 61.666 13.314 37.49 37.49S0 93.81 0 128s13.314 66.334 37.49 90.51S93.81 256 128 256s66.334-13.314 90.51-37.49S256 162.19 256 128s-13.314-66.334-37.49-90.51S162.19 0 128 0"/><path fill="#fff" d="M249.386 128c0 67.04-54.347 121.386-121.386 121.386C60.96 249.386 6.613 195.04 6.613 128S60.96 6.614 128 6.614S249.386 60.96 249.386 128"/><path fill="#e57200" d="m160.869 74.062l5.145-18.537c5.264-.47 9.392-4.886 9.392-10.273c0-5.7-4.62-10.32-10.32-10.32s-10.32 4.62-10.32 10.32c0 3.755 2.013 7.03 5.01 8.837l-5.05 18.195c-14.437-3.67-26.625-3.39-26.625-3.39l-2.258 1.01v140.872l2.258.753c13.614 0 73.177-41.133 73.323-85.27c0-31.624-21.023-45.825-40.555-52.197M146.53 164.8c-11.617-18.557-6.706-61.751 23.643-67.925c8.32-1.333 18.509 4.134 21.51 16.279c7.582 25.766-37.015 61.845-45.153 51.646m18.216-39.752a9.4 9.4 0 0 0-9.399 9.399a9.4 9.4 0 0 0 9.4 9.399a9.4 9.4 0 0 0 9.398-9.4a9.4 9.4 0 0 0-9.399-9.398m2.81 8.672a2.374 2.374 0 1 1 0-4.749a2.374 2.374 0 0 1 0 4.749"/><path fill="#ff7f00" d="m101.371 72.709l-5.023-18.901c2.874-1.832 4.786-5.04 4.786-8.701c0-5.7-4.62-10.32-10.32-10.32c-5.699 0-10.319 4.62-10.319 10.32c0 5.682 4.592 10.289 10.267 10.317L95.8 74.378c-19.609 6.51-40.885 20.742-40.885 51.88c.436 45.01 59.572 85.267 73.186 85.267V68.892s-12.252-.062-26.729 3.817m10.395 92.09c-8.138 10.2-52.735-25.88-45.154-51.645c3.002-12.145 13.19-17.612 21.511-16.28c30.35 6.175 35.26 49.369 23.643 67.926m-18.82-39.46a9.4 9.4 0 0 0-9.399 9.398a9.4 9.4 0 0 0 9.4 9.4a9.4 9.4 0 0 0 9.398-9.4a9.4 9.4 0 0 0-9.399-9.399m-2.81 8.671a2.374 2.374 0 1 1 0-4.748a2.374 2.374 0 0 1 0 4.748"/></svg>
React
import type { SVGProps } from "react";
export function LogosPlatformio(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#ff7f00" d="M128 0C93.81 0 61.666 13.314 37.49 37.49S0 93.81 0 128s13.314 66.334 37.49 90.51S93.81 256 128 256s66.334-13.314 90.51-37.49S256 162.19 256 128s-13.314-66.334-37.49-90.51S162.19 0 128 0"/><path fill="#fff" d="M249.386 128c0 67.04-54.347 121.386-121.386 121.386C60.96 249.386 6.613 195.04 6.613 128S60.96 6.614 128 6.614S249.386 60.96 249.386 128"/><path fill="#e57200" d="m160.869 74.062l5.145-18.537c5.264-.47 9.392-4.886 9.392-10.273c0-5.7-4.62-10.32-10.32-10.32s-10.32 4.62-10.32 10.32c0 3.755 2.013 7.03 5.01 8.837l-5.05 18.195c-14.437-3.67-26.625-3.39-26.625-3.39l-2.258 1.01v140.872l2.258.753c13.614 0 73.177-41.133 73.323-85.27c0-31.624-21.023-45.825-40.555-52.197M146.53 164.8c-11.617-18.557-6.706-61.751 23.643-67.925c8.32-1.333 18.509 4.134 21.51 16.279c7.582 25.766-37.015 61.845-45.153 51.646m18.216-39.752a9.4 9.4 0 0 0-9.399 9.399a9.4 9.4 0 0 0 9.4 9.399a9.4 9.4 0 0 0 9.398-9.4a9.4 9.4 0 0 0-9.399-9.398m2.81 8.672a2.374 2.374 0 1 1 0-4.749a2.374 2.374 0 0 1 0 4.749"/><path fill="#ff7f00" d="m101.371 72.709l-5.023-18.901c2.874-1.832 4.786-5.04 4.786-8.701c0-5.7-4.62-10.32-10.32-10.32c-5.699 0-10.319 4.62-10.319 10.32c0 5.682 4.592 10.289 10.267 10.317L95.8 74.378c-19.609 6.51-40.885 20.742-40.885 51.88c.436 45.01 59.572 85.267 73.186 85.267V68.892s-12.252-.062-26.729 3.817m10.395 92.09c-8.138 10.2-52.735-25.88-45.154-51.645c3.002-12.145 13.19-17.612 21.511-16.28c30.35 6.175 35.26 49.369 23.643 67.926m-18.82-39.46a9.4 9.4 0 0 0-9.399 9.398a9.4 9.4 0 0 0 9.4 9.4a9.4 9.4 0 0 0 9.398-9.4a9.4 9.4 0 0 0-9.399-9.399m-2.81 8.671a2.374 2.374 0 1 1 0-4.748a2.374 2.374 0 0 1 0 4.748"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#ff7f00" d="M128 0C93.81 0 61.666 13.314 37.49 37.49S0 93.81 0 128s13.314 66.334 37.49 90.51S93.81 256 128 256s66.334-13.314 90.51-37.49S256 162.19 256 128s-13.314-66.334-37.49-90.51S162.19 0 128 0"/><path fill="#fff" d="M249.386 128c0 67.04-54.347 121.386-121.386 121.386C60.96 249.386 6.613 195.04 6.613 128S60.96 6.614 128 6.614S249.386 60.96 249.386 128"/><path fill="#e57200" d="m160.869 74.062l5.145-18.537c5.264-.47 9.392-4.886 9.392-10.273c0-5.7-4.62-10.32-10.32-10.32s-10.32 4.62-10.32 10.32c0 3.755 2.013 7.03 5.01 8.837l-5.05 18.195c-14.437-3.67-26.625-3.39-26.625-3.39l-2.258 1.01v140.872l2.258.753c13.614 0 73.177-41.133 73.323-85.27c0-31.624-21.023-45.825-40.555-52.197M146.53 164.8c-11.617-18.557-6.706-61.751 23.643-67.925c8.32-1.333 18.509 4.134 21.51 16.279c7.582 25.766-37.015 61.845-45.153 51.646m18.216-39.752a9.4 9.4 0 0 0-9.399 9.399a9.4 9.4 0 0 0 9.4 9.399a9.4 9.4 0 0 0 9.398-9.4a9.4 9.4 0 0 0-9.399-9.398m2.81 8.672a2.374 2.374 0 1 1 0-4.749a2.374 2.374 0 0 1 0 4.749"/><path fill="#ff7f00" d="m101.371 72.709l-5.023-18.901c2.874-1.832 4.786-5.04 4.786-8.701c0-5.7-4.62-10.32-10.32-10.32c-5.699 0-10.319 4.62-10.319 10.32c0 5.682 4.592 10.289 10.267 10.317L95.8 74.378c-19.609 6.51-40.885 20.742-40.885 51.88c.436 45.01 59.572 85.267 73.186 85.267V68.892s-12.252-.062-26.729 3.817m10.395 92.09c-8.138 10.2-52.735-25.88-45.154-51.645c3.002-12.145 13.19-17.612 21.511-16.28c30.35 6.175 35.26 49.369 23.643 67.926m-18.82-39.46a9.4 9.4 0 0 0-9.399 9.398a9.4 9.4 0 0 0 9.4 9.4a9.4 9.4 0 0 0 9.398-9.4a9.4 9.4 0 0 0-9.399-9.399m-2.81 8.671a2.374 2.374 0 1 1 0-4.748a2.374 2.374 0 0 1 0 4.748"/></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%20256%20256%22%3E%3Cpath%20fill%3D%22%23ff7f00%22%20d%3D%22M128%200C93.81%200%2061.666%2013.314%2037.49%2037.49S0%2093.81%200%20128s13.314%2066.334%2037.49%2090.51S93.81%20256%20128%20256s66.334-13.314%2090.51-37.49S256%20162.19%20256%20128s-13.314-66.334-37.49-90.51S162.19%200%20128%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M249.386%20128c0%2067.04-54.347%20121.386-121.386%20121.386C60.96%20249.386%206.613%20195.04%206.613%20128S60.96%206.614%20128%206.614S249.386%2060.96%20249.386%20128%22%2F%3E%3Cpath%20fill%3D%22%23e57200%22%20d%3D%22m160.869%2074.062l5.145-18.537c5.264-.47%209.392-4.886%209.392-10.273c0-5.7-4.62-10.32-10.32-10.32s-10.32%204.62-10.32%2010.32c0%203.755%202.013%207.03%205.01%208.837l-5.05%2018.195c-14.437-3.67-26.625-3.39-26.625-3.39l-2.258%201.01v140.872l2.258.753c13.614%200%2073.177-41.133%2073.323-85.27c0-31.624-21.023-45.825-40.555-52.197M146.53%20164.8c-11.617-18.557-6.706-61.751%2023.643-67.925c8.32-1.333%2018.509%204.134%2021.51%2016.279c7.582%2025.766-37.015%2061.845-45.153%2051.646m18.216-39.752a9.4%209.4%200%200%200-9.399%209.399a9.4%209.4%200%200%200%209.4%209.399a9.4%209.4%200%200%200%209.398-9.4a9.4%209.4%200%200%200-9.399-9.398m2.81%208.672a2.374%202.374%200%201%201%200-4.749a2.374%202.374%200%200%201%200%204.749%22%2F%3E%3Cpath%20fill%3D%22%23ff7f00%22%20d%3D%22m101.371%2072.709l-5.023-18.901c2.874-1.832%204.786-5.04%204.786-8.701c0-5.7-4.62-10.32-10.32-10.32c-5.699%200-10.319%204.62-10.319%2010.32c0%205.682%204.592%2010.289%2010.267%2010.317L95.8%2074.378c-19.609%206.51-40.885%2020.742-40.885%2051.88c.436%2045.01%2059.572%2085.267%2073.186%2085.267V68.892s-12.252-.062-26.729%203.817m10.395%2092.09c-8.138%2010.2-52.735-25.88-45.154-51.645c3.002-12.145%2013.19-17.612%2021.511-16.28c30.35%206.175%2035.26%2049.369%2023.643%2067.926m-18.82-39.46a9.4%209.4%200%200%200-9.399%209.398a9.4%209.4%200%200%200%209.4%209.4a9.4%209.4%200%200%200%209.398-9.4a9.4%209.4%200%200%200-9.399-9.399m-2.81%208.671a2.374%202.374%200%201%201%200-4.748a2.374%202.374%200%200%201%200%204.748%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%20256%20256%22%3E%3Cpath%20fill%3D%22%23ff7f00%22%20d%3D%22M128%200C93.81%200%2061.666%2013.314%2037.49%2037.49S0%2093.81%200%20128s13.314%2066.334%2037.49%2090.51S93.81%20256%20128%20256s66.334-13.314%2090.51-37.49S256%20162.19%20256%20128s-13.314-66.334-37.49-90.51S162.19%200%20128%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M249.386%20128c0%2067.04-54.347%20121.386-121.386%20121.386C60.96%20249.386%206.613%20195.04%206.613%20128S60.96%206.614%20128%206.614S249.386%2060.96%20249.386%20128%22%2F%3E%3Cpath%20fill%3D%22%23e57200%22%20d%3D%22m160.869%2074.062l5.145-18.537c5.264-.47%209.392-4.886%209.392-10.273c0-5.7-4.62-10.32-10.32-10.32s-10.32%204.62-10.32%2010.32c0%203.755%202.013%207.03%205.01%208.837l-5.05%2018.195c-14.437-3.67-26.625-3.39-26.625-3.39l-2.258%201.01v140.872l2.258.753c13.614%200%2073.177-41.133%2073.323-85.27c0-31.624-21.023-45.825-40.555-52.197M146.53%20164.8c-11.617-18.557-6.706-61.751%2023.643-67.925c8.32-1.333%2018.509%204.134%2021.51%2016.279c7.582%2025.766-37.015%2061.845-45.153%2051.646m18.216-39.752a9.4%209.4%200%200%200-9.399%209.399a9.4%209.4%200%200%200%209.4%209.399a9.4%209.4%200%200%200%209.398-9.4a9.4%209.4%200%200%200-9.399-9.398m2.81%208.672a2.374%202.374%200%201%201%200-4.749a2.374%202.374%200%200%201%200%204.749%22%2F%3E%3Cpath%20fill%3D%22%23ff7f00%22%20d%3D%22m101.371%2072.709l-5.023-18.901c2.874-1.832%204.786-5.04%204.786-8.701c0-5.7-4.62-10.32-10.32-10.32c-5.699%200-10.319%204.62-10.319%2010.32c0%205.682%204.592%2010.289%2010.267%2010.317L95.8%2074.378c-19.609%206.51-40.885%2020.742-40.885%2051.88c.436%2045.01%2059.572%2085.267%2073.186%2085.267V68.892s-12.252-.062-26.729%203.817m10.395%2092.09c-8.138%2010.2-52.735-25.88-45.154-51.645c3.002-12.145%2013.19-17.612%2021.511-16.28c30.35%206.175%2035.26%2049.369%2023.643%2067.926m-18.82-39.46a9.4%209.4%200%200%200-9.399%209.398a9.4%209.4%200%200%200%209.4%209.4a9.4%209.4%200%200%200%209.398-9.4a9.4%209.4%200%200%200-9.399-9.399m-2.81%208.671a2.374%202.374%200%201%201%200-4.748a2.374%202.374%200%200%201%200%204.748%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/platformio.svg?color=%231a73e8&size=48
