apphub logo

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

Name
apphub
Set
SVG Logos
Style
Color
Viewbox
256×188
License
CC0

Use the apphub logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 188"><path d="M244.675 104.605c-7.45-9.238-16.838-15.348-28.46-18.03c3.575-5.513 5.513-11.623 5.513-18.328c0-9.388-3.279-17.434-9.984-24.14c-6.706-6.705-14.752-9.984-24.14-9.984c-8.493 0-15.795 2.683-22.053 8.196c-5.216-12.815-13.56-23.097-25.183-30.845C128.894 3.874 116.228 0 102.37 0C83.446 0 67.353 6.705 54.09 19.967C40.83 33.23 34.124 49.322 34.124 68.247c0 1.192.15 3.129.298 5.662c-10.43 4.918-18.775 12.22-25.033 22.054C3.129 105.648 0 116.377 0 127.85c0 16.391 5.811 30.547 17.583 42.17c11.623 11.623 25.779 17.583 42.17 17.583H204.74c14.156 0 26.226-5.066 36.21-15.05c9.984-9.984 15.05-22.053 15.05-36.21c-.149-11.771-3.874-22.351-11.325-31.739zm-43.958 83h-21.16l-7.152-22.352H131.13l-7.152 22.351h-21.16l38.147-106.393h21.606l38.147 106.393zm-64.223-39.34h30.547l-15.2-47.98l-15.347 47.98z" fill="#00A4D3"/></svg>

React

import type { SVGProps } from "react";

export function LogosApphub(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 188"><path d="M244.675 104.605c-7.45-9.238-16.838-15.348-28.46-18.03c3.575-5.513 5.513-11.623 5.513-18.328c0-9.388-3.279-17.434-9.984-24.14c-6.706-6.705-14.752-9.984-24.14-9.984c-8.493 0-15.795 2.683-22.053 8.196c-5.216-12.815-13.56-23.097-25.183-30.845C128.894 3.874 116.228 0 102.37 0C83.446 0 67.353 6.705 54.09 19.967C40.83 33.23 34.124 49.322 34.124 68.247c0 1.192.15 3.129.298 5.662c-10.43 4.918-18.775 12.22-25.033 22.054C3.129 105.648 0 116.377 0 127.85c0 16.391 5.811 30.547 17.583 42.17c11.623 11.623 25.779 17.583 42.17 17.583H204.74c14.156 0 26.226-5.066 36.21-15.05c9.984-9.984 15.05-22.053 15.05-36.21c-.149-11.771-3.874-22.351-11.325-31.739zm-43.958 83h-21.16l-7.152-22.352H131.13l-7.152 22.351h-21.16l38.147-106.393h21.606l38.147 106.393zm-64.223-39.34h30.547l-15.2-47.98l-15.347 47.98z" fill="#00A4D3"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 188"><path d="M244.675 104.605c-7.45-9.238-16.838-15.348-28.46-18.03c3.575-5.513 5.513-11.623 5.513-18.328c0-9.388-3.279-17.434-9.984-24.14c-6.706-6.705-14.752-9.984-24.14-9.984c-8.493 0-15.795 2.683-22.053 8.196c-5.216-12.815-13.56-23.097-25.183-30.845C128.894 3.874 116.228 0 102.37 0C83.446 0 67.353 6.705 54.09 19.967C40.83 33.23 34.124 49.322 34.124 68.247c0 1.192.15 3.129.298 5.662c-10.43 4.918-18.775 12.22-25.033 22.054C3.129 105.648 0 116.377 0 127.85c0 16.391 5.811 30.547 17.583 42.17c11.623 11.623 25.779 17.583 42.17 17.583H204.74c14.156 0 26.226-5.066 36.21-15.05c9.984-9.984 15.05-22.053 15.05-36.21c-.149-11.771-3.874-22.351-11.325-31.739zm-43.958 83h-21.16l-7.152-22.352H131.13l-7.152 22.351h-21.16l38.147-106.393h21.606l38.147 106.393zm-64.223-39.34h30.547l-15.2-47.98l-15.347 47.98z" fill="#00A4D3"/></svg>
</template>

CSS

.icon-apphub {
  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%20188%22%3E%3Cpath%20d%3D%22M244.675%20104.605c-7.45-9.238-16.838-15.348-28.46-18.03c3.575-5.513%205.513-11.623%205.513-18.328c0-9.388-3.279-17.434-9.984-24.14c-6.706-6.705-14.752-9.984-24.14-9.984c-8.493%200-15.795%202.683-22.053%208.196c-5.216-12.815-13.56-23.097-25.183-30.845C128.894%203.874%20116.228%200%20102.37%200C83.446%200%2067.353%206.705%2054.09%2019.967C40.83%2033.23%2034.124%2049.322%2034.124%2068.247c0%201.192.15%203.129.298%205.662c-10.43%204.918-18.775%2012.22-25.033%2022.054C3.129%20105.648%200%20116.377%200%20127.85c0%2016.391%205.811%2030.547%2017.583%2042.17c11.623%2011.623%2025.779%2017.583%2042.17%2017.583H204.74c14.156%200%2026.226-5.066%2036.21-15.05c9.984-9.984%2015.05-22.053%2015.05-36.21c-.149-11.771-3.874-22.351-11.325-31.739zm-43.958%2083h-21.16l-7.152-22.352H131.13l-7.152%2022.351h-21.16l38.147-106.393h21.606l38.147%20106.393zm-64.223-39.34h30.547l-15.2-47.98l-15.347%2047.98z%22%20fill%3D%22%2300A4D3%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%20188%22%3E%3Cpath%20d%3D%22M244.675%20104.605c-7.45-9.238-16.838-15.348-28.46-18.03c3.575-5.513%205.513-11.623%205.513-18.328c0-9.388-3.279-17.434-9.984-24.14c-6.706-6.705-14.752-9.984-24.14-9.984c-8.493%200-15.795%202.683-22.053%208.196c-5.216-12.815-13.56-23.097-25.183-30.845C128.894%203.874%20116.228%200%20102.37%200C83.446%200%2067.353%206.705%2054.09%2019.967C40.83%2033.23%2034.124%2049.322%2034.124%2068.247c0%201.192.15%203.129.298%205.662c-10.43%204.918-18.775%2012.22-25.033%2022.054C3.129%20105.648%200%20116.377%200%20127.85c0%2016.391%205.811%2030.547%2017.583%2042.17c11.623%2011.623%2025.779%2017.583%2042.17%2017.583H204.74c14.156%200%2026.226-5.066%2036.21-15.05c9.984-9.984%2015.05-22.053%2015.05-36.21c-.149-11.771-3.874-22.351-11.325-31.739zm-43.958%2083h-21.16l-7.152-22.352H131.13l-7.152%2022.351h-21.16l38.147-106.393h21.606l38.147%20106.393zm-64.223-39.34h30.547l-15.2-47.98l-15.347%2047.98z%22%20fill%3D%22%2300A4D3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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