webplatform logo

webplatform from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name: webplatform
Set: SVG Logos
Style: Color
Viewbox: 256×253.9
License: CC0

Use the webplatform logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 253.9"><path fill="#2db2c4" d="M256 219.9v-186C256 15.2 240.8 0 222.1 0s-33.9 15.2-33.9 33.9V138l57.9 57.9c6.6 6.6 9.9 15.3 9.9 24"/><path fill="#e45026" d="m104.7 101.2l-37.6 37.5v81.9c0 9.4-3.8 17.8-9.9 24l71.5-71.4l-24-24c-13.2-13.3-13.2-34.7 0-48"/><path fill="#694ea0" d="m188.8 138.7l-37.4-37.4c13.2 13.2 13.2 34.7 0 48l-24 24l71.4 71.4c-6.1-6.1-9.7-14.8-9.9-24v-82z"/><path fill="#801434" d="m104 149.8l24 24l24-24c13.2-13.2 13.2-34.7 0-48c-13.2-13.2-34.7-13.2-48 0c-13.2 13.3-13.2 34.7 0 48"/><path fill="#d02f28" d="m67.8 138l-46.2 46.2c-6.8 6.8-15.7 13.5-19.1 22.9c-4.4 10.9-2.8 23.6 4.3 33.1c7 9.4 19.4 15.2 31.2 13.4c11.4-1.8 21.4-8.3 26.5-18.9c2.6-5.4 3.6-10.8 3.4-17v-33.2c-.1-15.6-.1-31-.1-46.5"/><path fill="#263d81" d="M188.2 138v65.4c0 9.6-1.2 20.4 2.5 29.4c4.3 10.4 14.1 18.7 25.3 20.5c11.9 1.8 24-2.1 31.8-11.4c7.6-9 9.9-21.6 6.4-32.8c-1.8-5.8-5.3-10.5-9.8-14.8l-23.5-23.5C210 159.9 199.1 149 188.2 138"/><path fill="#f99d22" d="M67.8 138V33.9C67.8 15.2 52.6 0 33.9 0S0 15.2 0 33.9v186c0-8.7 3.3-17.4 9.9-24z"/><path fill="#fff" d="M138.1 115.8c-5.5-5.5-14.6-5.5-20.1 0s-5.5 14.6 0 20.1s14.6 5.5 20.1 0s5.4-14.7 0-20.1"/><circle cx="33.9" cy="33.9" r="14.2" fill="#fff"/><circle cx="222.1" cy="33.9" r="14.2" fill="#fff"/><circle cx="33.9" cy="219.9" r="14.2" fill="#fff"/><circle cx="222.1" cy="219.9" r="14.2" fill="#fff"/></svg>

React

import type { SVGProps } from "react";

export function LogosWebplatform(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 253.9"><path fill="#2db2c4" d="M256 219.9v-186C256 15.2 240.8 0 222.1 0s-33.9 15.2-33.9 33.9V138l57.9 57.9c6.6 6.6 9.9 15.3 9.9 24"/><path fill="#e45026" d="m104.7 101.2l-37.6 37.5v81.9c0 9.4-3.8 17.8-9.9 24l71.5-71.4l-24-24c-13.2-13.3-13.2-34.7 0-48"/><path fill="#694ea0" d="m188.8 138.7l-37.4-37.4c13.2 13.2 13.2 34.7 0 48l-24 24l71.4 71.4c-6.1-6.1-9.7-14.8-9.9-24v-82z"/><path fill="#801434" d="m104 149.8l24 24l24-24c13.2-13.2 13.2-34.7 0-48c-13.2-13.2-34.7-13.2-48 0c-13.2 13.3-13.2 34.7 0 48"/><path fill="#d02f28" d="m67.8 138l-46.2 46.2c-6.8 6.8-15.7 13.5-19.1 22.9c-4.4 10.9-2.8 23.6 4.3 33.1c7 9.4 19.4 15.2 31.2 13.4c11.4-1.8 21.4-8.3 26.5-18.9c2.6-5.4 3.6-10.8 3.4-17v-33.2c-.1-15.6-.1-31-.1-46.5"/><path fill="#263d81" d="M188.2 138v65.4c0 9.6-1.2 20.4 2.5 29.4c4.3 10.4 14.1 18.7 25.3 20.5c11.9 1.8 24-2.1 31.8-11.4c7.6-9 9.9-21.6 6.4-32.8c-1.8-5.8-5.3-10.5-9.8-14.8l-23.5-23.5C210 159.9 199.1 149 188.2 138"/><path fill="#f99d22" d="M67.8 138V33.9C67.8 15.2 52.6 0 33.9 0S0 15.2 0 33.9v186c0-8.7 3.3-17.4 9.9-24z"/><path fill="#fff" d="M138.1 115.8c-5.5-5.5-14.6-5.5-20.1 0s-5.5 14.6 0 20.1s14.6 5.5 20.1 0s5.4-14.7 0-20.1"/><circle cx="33.9" cy="33.9" r="14.2" fill="#fff"/><circle cx="222.1" cy="33.9" r="14.2" fill="#fff"/><circle cx="33.9" cy="219.9" r="14.2" fill="#fff"/><circle cx="222.1" cy="219.9" r="14.2" fill="#fff"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 253.9"><path fill="#2db2c4" d="M256 219.9v-186C256 15.2 240.8 0 222.1 0s-33.9 15.2-33.9 33.9V138l57.9 57.9c6.6 6.6 9.9 15.3 9.9 24"/><path fill="#e45026" d="m104.7 101.2l-37.6 37.5v81.9c0 9.4-3.8 17.8-9.9 24l71.5-71.4l-24-24c-13.2-13.3-13.2-34.7 0-48"/><path fill="#694ea0" d="m188.8 138.7l-37.4-37.4c13.2 13.2 13.2 34.7 0 48l-24 24l71.4 71.4c-6.1-6.1-9.7-14.8-9.9-24v-82z"/><path fill="#801434" d="m104 149.8l24 24l24-24c13.2-13.2 13.2-34.7 0-48c-13.2-13.2-34.7-13.2-48 0c-13.2 13.3-13.2 34.7 0 48"/><path fill="#d02f28" d="m67.8 138l-46.2 46.2c-6.8 6.8-15.7 13.5-19.1 22.9c-4.4 10.9-2.8 23.6 4.3 33.1c7 9.4 19.4 15.2 31.2 13.4c11.4-1.8 21.4-8.3 26.5-18.9c2.6-5.4 3.6-10.8 3.4-17v-33.2c-.1-15.6-.1-31-.1-46.5"/><path fill="#263d81" d="M188.2 138v65.4c0 9.6-1.2 20.4 2.5 29.4c4.3 10.4 14.1 18.7 25.3 20.5c11.9 1.8 24-2.1 31.8-11.4c7.6-9 9.9-21.6 6.4-32.8c-1.8-5.8-5.3-10.5-9.8-14.8l-23.5-23.5C210 159.9 199.1 149 188.2 138"/><path fill="#f99d22" d="M67.8 138V33.9C67.8 15.2 52.6 0 33.9 0S0 15.2 0 33.9v186c0-8.7 3.3-17.4 9.9-24z"/><path fill="#fff" d="M138.1 115.8c-5.5-5.5-14.6-5.5-20.1 0s-5.5 14.6 0 20.1s14.6 5.5 20.1 0s5.4-14.7 0-20.1"/><circle cx="33.9" cy="33.9" r="14.2" fill="#fff"/><circle cx="222.1" cy="33.9" r="14.2" fill="#fff"/><circle cx="33.9" cy="219.9" r="14.2" fill="#fff"/><circle cx="222.1" cy="219.9" r="14.2" fill="#fff"/></svg>
</template>

CSS

.icon-webplatform {
  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%20253.9%22%3E%3Cpath%20fill%3D%22%232db2c4%22%20d%3D%22M256%20219.9v-186C256%2015.2%20240.8%200%20222.1%200s-33.9%2015.2-33.9%2033.9V138l57.9%2057.9c6.6%206.6%209.9%2015.3%209.9%2024%22%2F%3E%3Cpath%20fill%3D%22%23e45026%22%20d%3D%22m104.7%20101.2l-37.6%2037.5v81.9c0%209.4-3.8%2017.8-9.9%2024l71.5-71.4l-24-24c-13.2-13.3-13.2-34.7%200-48%22%2F%3E%3Cpath%20fill%3D%22%23694ea0%22%20d%3D%22m188.8%20138.7l-37.4-37.4c13.2%2013.2%2013.2%2034.7%200%2048l-24%2024l71.4%2071.4c-6.1-6.1-9.7-14.8-9.9-24v-82z%22%2F%3E%3Cpath%20fill%3D%22%23801434%22%20d%3D%22m104%20149.8l24%2024l24-24c13.2-13.2%2013.2-34.7%200-48c-13.2-13.2-34.7-13.2-48%200c-13.2%2013.3-13.2%2034.7%200%2048%22%2F%3E%3Cpath%20fill%3D%22%23d02f28%22%20d%3D%22m67.8%20138l-46.2%2046.2c-6.8%206.8-15.7%2013.5-19.1%2022.9c-4.4%2010.9-2.8%2023.6%204.3%2033.1c7%209.4%2019.4%2015.2%2031.2%2013.4c11.4-1.8%2021.4-8.3%2026.5-18.9c2.6-5.4%203.6-10.8%203.4-17v-33.2c-.1-15.6-.1-31-.1-46.5%22%2F%3E%3Cpath%20fill%3D%22%23263d81%22%20d%3D%22M188.2%20138v65.4c0%209.6-1.2%2020.4%202.5%2029.4c4.3%2010.4%2014.1%2018.7%2025.3%2020.5c11.9%201.8%2024-2.1%2031.8-11.4c7.6-9%209.9-21.6%206.4-32.8c-1.8-5.8-5.3-10.5-9.8-14.8l-23.5-23.5C210%20159.9%20199.1%20149%20188.2%20138%22%2F%3E%3Cpath%20fill%3D%22%23f99d22%22%20d%3D%22M67.8%20138V33.9C67.8%2015.2%2052.6%200%2033.9%200S0%2015.2%200%2033.9v186c0-8.7%203.3-17.4%209.9-24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M138.1%20115.8c-5.5-5.5-14.6-5.5-20.1%200s-5.5%2014.6%200%2020.1s14.6%205.5%2020.1%200s5.4-14.7%200-20.1%22%2F%3E%3Ccircle%20cx%3D%2233.9%22%20cy%3D%2233.9%22%20r%3D%2214.2%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%22222.1%22%20cy%3D%2233.9%22%20r%3D%2214.2%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2233.9%22%20cy%3D%22219.9%22%20r%3D%2214.2%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%22222.1%22%20cy%3D%22219.9%22%20r%3D%2214.2%22%20fill%3D%22%23fff%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%20253.9%22%3E%3Cpath%20fill%3D%22%232db2c4%22%20d%3D%22M256%20219.9v-186C256%2015.2%20240.8%200%20222.1%200s-33.9%2015.2-33.9%2033.9V138l57.9%2057.9c6.6%206.6%209.9%2015.3%209.9%2024%22%2F%3E%3Cpath%20fill%3D%22%23e45026%22%20d%3D%22m104.7%20101.2l-37.6%2037.5v81.9c0%209.4-3.8%2017.8-9.9%2024l71.5-71.4l-24-24c-13.2-13.3-13.2-34.7%200-48%22%2F%3E%3Cpath%20fill%3D%22%23694ea0%22%20d%3D%22m188.8%20138.7l-37.4-37.4c13.2%2013.2%2013.2%2034.7%200%2048l-24%2024l71.4%2071.4c-6.1-6.1-9.7-14.8-9.9-24v-82z%22%2F%3E%3Cpath%20fill%3D%22%23801434%22%20d%3D%22m104%20149.8l24%2024l24-24c13.2-13.2%2013.2-34.7%200-48c-13.2-13.2-34.7-13.2-48%200c-13.2%2013.3-13.2%2034.7%200%2048%22%2F%3E%3Cpath%20fill%3D%22%23d02f28%22%20d%3D%22m67.8%20138l-46.2%2046.2c-6.8%206.8-15.7%2013.5-19.1%2022.9c-4.4%2010.9-2.8%2023.6%204.3%2033.1c7%209.4%2019.4%2015.2%2031.2%2013.4c11.4-1.8%2021.4-8.3%2026.5-18.9c2.6-5.4%203.6-10.8%203.4-17v-33.2c-.1-15.6-.1-31-.1-46.5%22%2F%3E%3Cpath%20fill%3D%22%23263d81%22%20d%3D%22M188.2%20138v65.4c0%209.6-1.2%2020.4%202.5%2029.4c4.3%2010.4%2014.1%2018.7%2025.3%2020.5c11.9%201.8%2024-2.1%2031.8-11.4c7.6-9%209.9-21.6%206.4-32.8c-1.8-5.8-5.3-10.5-9.8-14.8l-23.5-23.5C210%20159.9%20199.1%20149%20188.2%20138%22%2F%3E%3Cpath%20fill%3D%22%23f99d22%22%20d%3D%22M67.8%20138V33.9C67.8%2015.2%2052.6%200%2033.9%200S0%2015.2%200%2033.9v186c0-8.7%203.3-17.4%209.9-24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M138.1%20115.8c-5.5-5.5-14.6-5.5-20.1%200s-5.5%2014.6%200%2020.1s14.6%205.5%2020.1%200s5.4-14.7%200-20.1%22%2F%3E%3Ccircle%20cx%3D%2233.9%22%20cy%3D%2233.9%22%20r%3D%2214.2%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%22222.1%22%20cy%3D%2233.9%22%20r%3D%2214.2%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2233.9%22%20cy%3D%22219.9%22%20r%3D%2214.2%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%22222.1%22%20cy%3D%22219.9%22%20r%3D%2214.2%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/webplatform.svg?color=%231a73e8&size=48