processing logo
processing from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- processing
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×238
- License
- CC0
The same logo in other sets
Use the processing logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 238"><path fill="#0468ff" d="M140.872 0c34.66 0 64.174 11.477 85.111 32.415C245.464 51.895 256 78.235 256 105.535c0 27.298-10.536 53.638-30.017 73.118c-20.728 20.729-49.861 32.185-84.073 32.412l-1.038.003v-57.564c19.82 0 34.6-5.748 44.407-15.555c8.502-8.501 13.157-20.138 13.157-32.415s-4.655-23.913-13.157-32.415c-9.708-9.709-24.292-15.44-43.814-15.553l-.593-.002z"/><path fill="#1f34ab" d="m117.846 49.889l46.051 34.538L48.769 237.932L2.718 203.393z"/><path fill="#85aeff" d="m51.487 92.663l38.376 76.752l-51.487 25.743L0 118.406z"/></svg>
React
import type { SVGProps } from "react";
export function LogosProcessing(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 238"><path fill="#0468ff" d="M140.872 0c34.66 0 64.174 11.477 85.111 32.415C245.464 51.895 256 78.235 256 105.535c0 27.298-10.536 53.638-30.017 73.118c-20.728 20.729-49.861 32.185-84.073 32.412l-1.038.003v-57.564c19.82 0 34.6-5.748 44.407-15.555c8.502-8.501 13.157-20.138 13.157-32.415s-4.655-23.913-13.157-32.415c-9.708-9.709-24.292-15.44-43.814-15.553l-.593-.002z"/><path fill="#1f34ab" d="m117.846 49.889l46.051 34.538L48.769 237.932L2.718 203.393z"/><path fill="#85aeff" d="m51.487 92.663l38.376 76.752l-51.487 25.743L0 118.406z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 238"><path fill="#0468ff" d="M140.872 0c34.66 0 64.174 11.477 85.111 32.415C245.464 51.895 256 78.235 256 105.535c0 27.298-10.536 53.638-30.017 73.118c-20.728 20.729-49.861 32.185-84.073 32.412l-1.038.003v-57.564c19.82 0 34.6-5.748 44.407-15.555c8.502-8.501 13.157-20.138 13.157-32.415s-4.655-23.913-13.157-32.415c-9.708-9.709-24.292-15.44-43.814-15.553l-.593-.002z"/><path fill="#1f34ab" d="m117.846 49.889l46.051 34.538L48.769 237.932L2.718 203.393z"/><path fill="#85aeff" d="m51.487 92.663l38.376 76.752l-51.487 25.743L0 118.406z"/></svg> </template>
CSS
.icon-processing {
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%20238%22%3E%3Cpath%20fill%3D%22%230468ff%22%20d%3D%22M140.872%200c34.66%200%2064.174%2011.477%2085.111%2032.415C245.464%2051.895%20256%2078.235%20256%20105.535c0%2027.298-10.536%2053.638-30.017%2073.118c-20.728%2020.729-49.861%2032.185-84.073%2032.412l-1.038.003v-57.564c19.82%200%2034.6-5.748%2044.407-15.555c8.502-8.501%2013.157-20.138%2013.157-32.415s-4.655-23.913-13.157-32.415c-9.708-9.709-24.292-15.44-43.814-15.553l-.593-.002z%22%2F%3E%3Cpath%20fill%3D%22%231f34ab%22%20d%3D%22m117.846%2049.889l46.051%2034.538L48.769%20237.932L2.718%20203.393z%22%2F%3E%3Cpath%20fill%3D%22%2385aeff%22%20d%3D%22m51.487%2092.663l38.376%2076.752l-51.487%2025.743L0%20118.406z%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%20238%22%3E%3Cpath%20fill%3D%22%230468ff%22%20d%3D%22M140.872%200c34.66%200%2064.174%2011.477%2085.111%2032.415C245.464%2051.895%20256%2078.235%20256%20105.535c0%2027.298-10.536%2053.638-30.017%2073.118c-20.728%2020.729-49.861%2032.185-84.073%2032.412l-1.038.003v-57.564c19.82%200%2034.6-5.748%2044.407-15.555c8.502-8.501%2013.157-20.138%2013.157-32.415s-4.655-23.913-13.157-32.415c-9.708-9.709-24.292-15.44-43.814-15.553l-.593-.002z%22%2F%3E%3Cpath%20fill%3D%22%231f34ab%22%20d%3D%22m117.846%2049.889l46.051%2034.538L48.769%20237.932L2.718%20203.393z%22%2F%3E%3Cpath%20fill%3D%22%2385aeff%22%20d%3D%22m51.487%2092.663l38.376%2076.752l-51.487%2025.743L0%20118.406z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/processing.svg?color=%231a73e8&size=48
