compose multiplatform logo

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

Name
compose-multiplatform
Set
SVG Logos
Style
Color
Viewbox
256×286
License
CC0

Use the compose multiplatform logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 286"><path fill="#4285f4" d="M126.936 0a31.94 31.94 0 0 1 15.165 4.126L238.728 58.7a35.7 35.7 0 0 1 10.15 8.581l.096-.057l1.44 2.112l.169.242l1.798 2.65l-.128.077c2.386 4.347 3.699 9.091 3.747 13.917v110.94a31.94 31.94 0 0 1-15.702 27.8l-95.579 56.395a31.8 31.8 0 0 1-12.968 4.256l-.001.142l-6.113.05l.003-.152a32 32 0 0 1-12.846-3.998L11.27 224.309C4.372 220.426.08 213.148 0 205.196V87.707c.057-4.144.779-8.143 2.146-11.821l-.114-.065l2.616-5.467l.148.082a28.44 28.44 0 0 1 9.8-9.62l95.58-56.383A31.9 31.9 0 0 1 126.099 0zM7.5 78.882l-.214.68c-.85 2.815-1.271 5.856-1.239 9.026v116.578a16.1 16.1 0 0 0 8.193 13.876l101.528 57.348a25.9 25.9 0 0 0 9.756 3.173l.211.02l.024-4.932l.02-20.686l-.032-23.482l-.137-.013a20.5 20.5 0 0 1-6.062-1.781l-.714-.353l-.631-.343l-61.507-34.74a14.6 14.6 0 0 1-5.403-5.298a14.65 14.65 0 0 1-2.03-7.318l.001-70.615c-.022-2.247.26-4.437.84-6.502l.197-.66zm239.558-3.473l-42.2 25.203l.093.193c1.042 2.248 1.651 4.641 1.767 7.085l.019.668l-.002 67.2a20.53 20.53 0 0 1-10.098 17.88L138.735 227.8a20.4 20.4 0 0 1-6.442 2.45l-.497.089l.01 4.778l.02 27.678l-.04 16.256l-.006.47l.904-.128a25.7 25.7 0 0 0 8.262-2.845l.7-.398l95.58-56.394a25.9 25.9 0 0 0 9.381-9.563a25.9 25.9 0 0 0 3.344-13.002l.002-110.94c-.034-3.428-.898-6.853-2.496-10.072zM124 86.585c-.914.27-1.794.652-2.615 1.136l-38.813 22.896a10.3 10.3 0 0 0-2.921 2.573q-.47.609-.847 1.274q-.188.335-.356.68l-.209.52a12.6 12.6 0 0 0-.93 3.672q-.069.741-.063 1.5v47.356a7.8 7.8 0 0 0 1.079 3.876a7.74 7.74 0 0 0 2.872 2.814l41.23 23.289a11.7 11.7 0 0 0 5.865 1.516l.44-.017l.003 12.75l.028 12.164l-.03-24.916a11.7 11.7 0 0 0 5.433-1.607l38.813-22.9a11.74 11.74 0 0 0 4.255-4.336c.163-.288.307-.584.445-.886a11.8 11.8 0 0 0 1.072-5l.001-45.06a10.2 10.2 0 0 0-.317-2.408a11 11 0 0 0-.511-1.53a11.6 11.6 0 0 0-.801-1.568l-.177-.284l-.183-.28a13 13 0 0 0-.916-1.19a13.3 13.3 0 0 0-3.486-2.85l-39.239-22.16A11.68 11.68 0 0 0 124 86.585m2.157-80.54A25.86 25.86 0 0 0 113.25 9.64L17.67 66.022a22.36 22.36 0 0 0-7.178 6.739l-.416.635l42.9 24.02l.445-.607a18.4 18.4 0 0 1 4.708-4.321l.564-.346l57.903-34.16a20.52 20.52 0 0 1 20.533-.199l58.539 33.066a22.8 22.8 0 0 1 5.442 4.287l.394.435l42.116-25.154l-.463-.527a29.8 29.8 0 0 0-6.716-5.525l-.687-.402l-96.626-54.572a25.85 25.85 0 0 0-12.97-3.345"/></svg>

React

import type { SVGProps } from "react";

export function LogosComposeMultiplatform(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 286"><path fill="#4285f4" d="M126.936 0a31.94 31.94 0 0 1 15.165 4.126L238.728 58.7a35.7 35.7 0 0 1 10.15 8.581l.096-.057l1.44 2.112l.169.242l1.798 2.65l-.128.077c2.386 4.347 3.699 9.091 3.747 13.917v110.94a31.94 31.94 0 0 1-15.702 27.8l-95.579 56.395a31.8 31.8 0 0 1-12.968 4.256l-.001.142l-6.113.05l.003-.152a32 32 0 0 1-12.846-3.998L11.27 224.309C4.372 220.426.08 213.148 0 205.196V87.707c.057-4.144.779-8.143 2.146-11.821l-.114-.065l2.616-5.467l.148.082a28.44 28.44 0 0 1 9.8-9.62l95.58-56.383A31.9 31.9 0 0 1 126.099 0zM7.5 78.882l-.214.68c-.85 2.815-1.271 5.856-1.239 9.026v116.578a16.1 16.1 0 0 0 8.193 13.876l101.528 57.348a25.9 25.9 0 0 0 9.756 3.173l.211.02l.024-4.932l.02-20.686l-.032-23.482l-.137-.013a20.5 20.5 0 0 1-6.062-1.781l-.714-.353l-.631-.343l-61.507-34.74a14.6 14.6 0 0 1-5.403-5.298a14.65 14.65 0 0 1-2.03-7.318l.001-70.615c-.022-2.247.26-4.437.84-6.502l.197-.66zm239.558-3.473l-42.2 25.203l.093.193c1.042 2.248 1.651 4.641 1.767 7.085l.019.668l-.002 67.2a20.53 20.53 0 0 1-10.098 17.88L138.735 227.8a20.4 20.4 0 0 1-6.442 2.45l-.497.089l.01 4.778l.02 27.678l-.04 16.256l-.006.47l.904-.128a25.7 25.7 0 0 0 8.262-2.845l.7-.398l95.58-56.394a25.9 25.9 0 0 0 9.381-9.563a25.9 25.9 0 0 0 3.344-13.002l.002-110.94c-.034-3.428-.898-6.853-2.496-10.072zM124 86.585c-.914.27-1.794.652-2.615 1.136l-38.813 22.896a10.3 10.3 0 0 0-2.921 2.573q-.47.609-.847 1.274q-.188.335-.356.68l-.209.52a12.6 12.6 0 0 0-.93 3.672q-.069.741-.063 1.5v47.356a7.8 7.8 0 0 0 1.079 3.876a7.74 7.74 0 0 0 2.872 2.814l41.23 23.289a11.7 11.7 0 0 0 5.865 1.516l.44-.017l.003 12.75l.028 12.164l-.03-24.916a11.7 11.7 0 0 0 5.433-1.607l38.813-22.9a11.74 11.74 0 0 0 4.255-4.336c.163-.288.307-.584.445-.886a11.8 11.8 0 0 0 1.072-5l.001-45.06a10.2 10.2 0 0 0-.317-2.408a11 11 0 0 0-.511-1.53a11.6 11.6 0 0 0-.801-1.568l-.177-.284l-.183-.28a13 13 0 0 0-.916-1.19a13.3 13.3 0 0 0-3.486-2.85l-39.239-22.16A11.68 11.68 0 0 0 124 86.585m2.157-80.54A25.86 25.86 0 0 0 113.25 9.64L17.67 66.022a22.36 22.36 0 0 0-7.178 6.739l-.416.635l42.9 24.02l.445-.607a18.4 18.4 0 0 1 4.708-4.321l.564-.346l57.903-34.16a20.52 20.52 0 0 1 20.533-.199l58.539 33.066a22.8 22.8 0 0 1 5.442 4.287l.394.435l42.116-25.154l-.463-.527a29.8 29.8 0 0 0-6.716-5.525l-.687-.402l-96.626-54.572a25.85 25.85 0 0 0-12.97-3.345"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 286"><path fill="#4285f4" d="M126.936 0a31.94 31.94 0 0 1 15.165 4.126L238.728 58.7a35.7 35.7 0 0 1 10.15 8.581l.096-.057l1.44 2.112l.169.242l1.798 2.65l-.128.077c2.386 4.347 3.699 9.091 3.747 13.917v110.94a31.94 31.94 0 0 1-15.702 27.8l-95.579 56.395a31.8 31.8 0 0 1-12.968 4.256l-.001.142l-6.113.05l.003-.152a32 32 0 0 1-12.846-3.998L11.27 224.309C4.372 220.426.08 213.148 0 205.196V87.707c.057-4.144.779-8.143 2.146-11.821l-.114-.065l2.616-5.467l.148.082a28.44 28.44 0 0 1 9.8-9.62l95.58-56.383A31.9 31.9 0 0 1 126.099 0zM7.5 78.882l-.214.68c-.85 2.815-1.271 5.856-1.239 9.026v116.578a16.1 16.1 0 0 0 8.193 13.876l101.528 57.348a25.9 25.9 0 0 0 9.756 3.173l.211.02l.024-4.932l.02-20.686l-.032-23.482l-.137-.013a20.5 20.5 0 0 1-6.062-1.781l-.714-.353l-.631-.343l-61.507-34.74a14.6 14.6 0 0 1-5.403-5.298a14.65 14.65 0 0 1-2.03-7.318l.001-70.615c-.022-2.247.26-4.437.84-6.502l.197-.66zm239.558-3.473l-42.2 25.203l.093.193c1.042 2.248 1.651 4.641 1.767 7.085l.019.668l-.002 67.2a20.53 20.53 0 0 1-10.098 17.88L138.735 227.8a20.4 20.4 0 0 1-6.442 2.45l-.497.089l.01 4.778l.02 27.678l-.04 16.256l-.006.47l.904-.128a25.7 25.7 0 0 0 8.262-2.845l.7-.398l95.58-56.394a25.9 25.9 0 0 0 9.381-9.563a25.9 25.9 0 0 0 3.344-13.002l.002-110.94c-.034-3.428-.898-6.853-2.496-10.072zM124 86.585c-.914.27-1.794.652-2.615 1.136l-38.813 22.896a10.3 10.3 0 0 0-2.921 2.573q-.47.609-.847 1.274q-.188.335-.356.68l-.209.52a12.6 12.6 0 0 0-.93 3.672q-.069.741-.063 1.5v47.356a7.8 7.8 0 0 0 1.079 3.876a7.74 7.74 0 0 0 2.872 2.814l41.23 23.289a11.7 11.7 0 0 0 5.865 1.516l.44-.017l.003 12.75l.028 12.164l-.03-24.916a11.7 11.7 0 0 0 5.433-1.607l38.813-22.9a11.74 11.74 0 0 0 4.255-4.336c.163-.288.307-.584.445-.886a11.8 11.8 0 0 0 1.072-5l.001-45.06a10.2 10.2 0 0 0-.317-2.408a11 11 0 0 0-.511-1.53a11.6 11.6 0 0 0-.801-1.568l-.177-.284l-.183-.28a13 13 0 0 0-.916-1.19a13.3 13.3 0 0 0-3.486-2.85l-39.239-22.16A11.68 11.68 0 0 0 124 86.585m2.157-80.54A25.86 25.86 0 0 0 113.25 9.64L17.67 66.022a22.36 22.36 0 0 0-7.178 6.739l-.416.635l42.9 24.02l.445-.607a18.4 18.4 0 0 1 4.708-4.321l.564-.346l57.903-34.16a20.52 20.52 0 0 1 20.533-.199l58.539 33.066a22.8 22.8 0 0 1 5.442 4.287l.394.435l42.116-25.154l-.463-.527a29.8 29.8 0 0 0-6.716-5.525l-.687-.402l-96.626-54.572a25.85 25.85 0 0 0-12.97-3.345"/></svg>
</template>

CSS

.icon-compose-multiplatform {
  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%20286%22%3E%3Cpath%20fill%3D%22%234285f4%22%20d%3D%22M126.936%200a31.94%2031.94%200%200%201%2015.165%204.126L238.728%2058.7a35.7%2035.7%200%200%201%2010.15%208.581l.096-.057l1.44%202.112l.169.242l1.798%202.65l-.128.077c2.386%204.347%203.699%209.091%203.747%2013.917v110.94a31.94%2031.94%200%200%201-15.702%2027.8l-95.579%2056.395a31.8%2031.8%200%200%201-12.968%204.256l-.001.142l-6.113.05l.003-.152a32%2032%200%200%201-12.846-3.998L11.27%20224.309C4.372%20220.426.08%20213.148%200%20205.196V87.707c.057-4.144.779-8.143%202.146-11.821l-.114-.065l2.616-5.467l.148.082a28.44%2028.44%200%200%201%209.8-9.62l95.58-56.383A31.9%2031.9%200%200%201%20126.099%200zM7.5%2078.882l-.214.68c-.85%202.815-1.271%205.856-1.239%209.026v116.578a16.1%2016.1%200%200%200%208.193%2013.876l101.528%2057.348a25.9%2025.9%200%200%200%209.756%203.173l.211.02l.024-4.932l.02-20.686l-.032-23.482l-.137-.013a20.5%2020.5%200%200%201-6.062-1.781l-.714-.353l-.631-.343l-61.507-34.74a14.6%2014.6%200%200%201-5.403-5.298a14.65%2014.65%200%200%201-2.03-7.318l.001-70.615c-.022-2.247.26-4.437.84-6.502l.197-.66zm239.558-3.473l-42.2%2025.203l.093.193c1.042%202.248%201.651%204.641%201.767%207.085l.019.668l-.002%2067.2a20.53%2020.53%200%200%201-10.098%2017.88L138.735%20227.8a20.4%2020.4%200%200%201-6.442%202.45l-.497.089l.01%204.778l.02%2027.678l-.04%2016.256l-.006.47l.904-.128a25.7%2025.7%200%200%200%208.262-2.845l.7-.398l95.58-56.394a25.9%2025.9%200%200%200%209.381-9.563a25.9%2025.9%200%200%200%203.344-13.002l.002-110.94c-.034-3.428-.898-6.853-2.496-10.072zM124%2086.585c-.914.27-1.794.652-2.615%201.136l-38.813%2022.896a10.3%2010.3%200%200%200-2.921%202.573q-.47.609-.847%201.274q-.188.335-.356.68l-.209.52a12.6%2012.6%200%200%200-.93%203.672q-.069.741-.063%201.5v47.356a7.8%207.8%200%200%200%201.079%203.876a7.74%207.74%200%200%200%202.872%202.814l41.23%2023.289a11.7%2011.7%200%200%200%205.865%201.516l.44-.017l.003%2012.75l.028%2012.164l-.03-24.916a11.7%2011.7%200%200%200%205.433-1.607l38.813-22.9a11.74%2011.74%200%200%200%204.255-4.336c.163-.288.307-.584.445-.886a11.8%2011.8%200%200%200%201.072-5l.001-45.06a10.2%2010.2%200%200%200-.317-2.408a11%2011%200%200%200-.511-1.53a11.6%2011.6%200%200%200-.801-1.568l-.177-.284l-.183-.28a13%2013%200%200%200-.916-1.19a13.3%2013.3%200%200%200-3.486-2.85l-39.239-22.16A11.68%2011.68%200%200%200%20124%2086.585m2.157-80.54A25.86%2025.86%200%200%200%20113.25%209.64L17.67%2066.022a22.36%2022.36%200%200%200-7.178%206.739l-.416.635l42.9%2024.02l.445-.607a18.4%2018.4%200%200%201%204.708-4.321l.564-.346l57.903-34.16a20.52%2020.52%200%200%201%2020.533-.199l58.539%2033.066a22.8%2022.8%200%200%201%205.442%204.287l.394.435l42.116-25.154l-.463-.527a29.8%2029.8%200%200%200-6.716-5.525l-.687-.402l-96.626-54.572a25.85%2025.85%200%200%200-12.97-3.345%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%20286%22%3E%3Cpath%20fill%3D%22%234285f4%22%20d%3D%22M126.936%200a31.94%2031.94%200%200%201%2015.165%204.126L238.728%2058.7a35.7%2035.7%200%200%201%2010.15%208.581l.096-.057l1.44%202.112l.169.242l1.798%202.65l-.128.077c2.386%204.347%203.699%209.091%203.747%2013.917v110.94a31.94%2031.94%200%200%201-15.702%2027.8l-95.579%2056.395a31.8%2031.8%200%200%201-12.968%204.256l-.001.142l-6.113.05l.003-.152a32%2032%200%200%201-12.846-3.998L11.27%20224.309C4.372%20220.426.08%20213.148%200%20205.196V87.707c.057-4.144.779-8.143%202.146-11.821l-.114-.065l2.616-5.467l.148.082a28.44%2028.44%200%200%201%209.8-9.62l95.58-56.383A31.9%2031.9%200%200%201%20126.099%200zM7.5%2078.882l-.214.68c-.85%202.815-1.271%205.856-1.239%209.026v116.578a16.1%2016.1%200%200%200%208.193%2013.876l101.528%2057.348a25.9%2025.9%200%200%200%209.756%203.173l.211.02l.024-4.932l.02-20.686l-.032-23.482l-.137-.013a20.5%2020.5%200%200%201-6.062-1.781l-.714-.353l-.631-.343l-61.507-34.74a14.6%2014.6%200%200%201-5.403-5.298a14.65%2014.65%200%200%201-2.03-7.318l.001-70.615c-.022-2.247.26-4.437.84-6.502l.197-.66zm239.558-3.473l-42.2%2025.203l.093.193c1.042%202.248%201.651%204.641%201.767%207.085l.019.668l-.002%2067.2a20.53%2020.53%200%200%201-10.098%2017.88L138.735%20227.8a20.4%2020.4%200%200%201-6.442%202.45l-.497.089l.01%204.778l.02%2027.678l-.04%2016.256l-.006.47l.904-.128a25.7%2025.7%200%200%200%208.262-2.845l.7-.398l95.58-56.394a25.9%2025.9%200%200%200%209.381-9.563a25.9%2025.9%200%200%200%203.344-13.002l.002-110.94c-.034-3.428-.898-6.853-2.496-10.072zM124%2086.585c-.914.27-1.794.652-2.615%201.136l-38.813%2022.896a10.3%2010.3%200%200%200-2.921%202.573q-.47.609-.847%201.274q-.188.335-.356.68l-.209.52a12.6%2012.6%200%200%200-.93%203.672q-.069.741-.063%201.5v47.356a7.8%207.8%200%200%200%201.079%203.876a7.74%207.74%200%200%200%202.872%202.814l41.23%2023.289a11.7%2011.7%200%200%200%205.865%201.516l.44-.017l.003%2012.75l.028%2012.164l-.03-24.916a11.7%2011.7%200%200%200%205.433-1.607l38.813-22.9a11.74%2011.74%200%200%200%204.255-4.336c.163-.288.307-.584.445-.886a11.8%2011.8%200%200%200%201.072-5l.001-45.06a10.2%2010.2%200%200%200-.317-2.408a11%2011%200%200%200-.511-1.53a11.6%2011.6%200%200%200-.801-1.568l-.177-.284l-.183-.28a13%2013%200%200%200-.916-1.19a13.3%2013.3%200%200%200-3.486-2.85l-39.239-22.16A11.68%2011.68%200%200%200%20124%2086.585m2.157-80.54A25.86%2025.86%200%200%200%20113.25%209.64L17.67%2066.022a22.36%2022.36%200%200%200-7.178%206.739l-.416.635l42.9%2024.02l.445-.607a18.4%2018.4%200%200%201%204.708-4.321l.564-.346l57.903-34.16a20.52%2020.52%200%200%201%2020.533-.199l58.539%2033.066a22.8%2022.8%200%200%201%205.442%204.287l.394.435l42.116-25.154l-.463-.527a29.8%2029.8%200%200%200-6.716-5.525l-.687-.402l-96.626-54.572a25.85%2025.85%200%200%200-12.97-3.345%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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