appbase logo

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

Name
appbase
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the appbase logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path d="M127.997 0C57.311 0 0 57.275 0 127.936c0 70.651 57.31 127.937 127.997 127.937S256 198.587 256 127.936C256.005 57.275 198.69 0 127.997 0zm0 248.744c-66.763 0-120.863-54.106-120.863-120.808c0-66.722 54.1-120.812 120.863-120.812c66.738 0 120.87 54.09 120.87 120.812c0 66.702-54.132 120.808-120.87 120.808zm54.672-144.227c-4.235 0-7.985 2.16-10.192 5.447L132.028 98.84c.102-.83.189-1.666.189-2.492c0-9.951-8.067-18.013-17.998-18.013c-9.947 0-18.008 8.062-18.008 18.013c0 7.878 5.106 14.594 12.209 17.01l-3.47 21.738a25.68 25.68 0 0 0-5.468-.586c-14.17 0-25.641 11.475-25.641 25.62c0 14.166 11.47 25.642 25.641 25.642c14.15 0 25.652-11.476 25.652-25.641c0-3.664-.785-7.134-2.181-10.299l49.687-26.018c2.212 3.16 5.89 5.238 10.029 5.238c6.807 0 12.306-5.498 12.306-12.27c-.006-6.782-5.494-12.265-12.306-12.265zm-61.805 41.488a25.697 25.697 0 0 0-11.715-9.6l3.541-22.145c.505.04.994.06 1.529.06a17.946 17.946 0 0 0 16.678-11.27L170.724 114c-.183.886-.316 1.809-.316 2.772c0 1.06.153 2.084.403 3.078l-49.947 26.155z" fill="#3BC7F6"/></svg>

React

import type { SVGProps } from "react";

export function LogosAppbase(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path d="M127.997 0C57.311 0 0 57.275 0 127.936c0 70.651 57.31 127.937 127.997 127.937S256 198.587 256 127.936C256.005 57.275 198.69 0 127.997 0zm0 248.744c-66.763 0-120.863-54.106-120.863-120.808c0-66.722 54.1-120.812 120.863-120.812c66.738 0 120.87 54.09 120.87 120.812c0 66.702-54.132 120.808-120.87 120.808zm54.672-144.227c-4.235 0-7.985 2.16-10.192 5.447L132.028 98.84c.102-.83.189-1.666.189-2.492c0-9.951-8.067-18.013-17.998-18.013c-9.947 0-18.008 8.062-18.008 18.013c0 7.878 5.106 14.594 12.209 17.01l-3.47 21.738a25.68 25.68 0 0 0-5.468-.586c-14.17 0-25.641 11.475-25.641 25.62c0 14.166 11.47 25.642 25.641 25.642c14.15 0 25.652-11.476 25.652-25.641c0-3.664-.785-7.134-2.181-10.299l49.687-26.018c2.212 3.16 5.89 5.238 10.029 5.238c6.807 0 12.306-5.498 12.306-12.27c-.006-6.782-5.494-12.265-12.306-12.265zm-61.805 41.488a25.697 25.697 0 0 0-11.715-9.6l3.541-22.145c.505.04.994.06 1.529.06a17.946 17.946 0 0 0 16.678-11.27L170.724 114c-.183.886-.316 1.809-.316 2.772c0 1.06.153 2.084.403 3.078l-49.947 26.155z" fill="#3BC7F6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path d="M127.997 0C57.311 0 0 57.275 0 127.936c0 70.651 57.31 127.937 127.997 127.937S256 198.587 256 127.936C256.005 57.275 198.69 0 127.997 0zm0 248.744c-66.763 0-120.863-54.106-120.863-120.808c0-66.722 54.1-120.812 120.863-120.812c66.738 0 120.87 54.09 120.87 120.812c0 66.702-54.132 120.808-120.87 120.808zm54.672-144.227c-4.235 0-7.985 2.16-10.192 5.447L132.028 98.84c.102-.83.189-1.666.189-2.492c0-9.951-8.067-18.013-17.998-18.013c-9.947 0-18.008 8.062-18.008 18.013c0 7.878 5.106 14.594 12.209 17.01l-3.47 21.738a25.68 25.68 0 0 0-5.468-.586c-14.17 0-25.641 11.475-25.641 25.62c0 14.166 11.47 25.642 25.641 25.642c14.15 0 25.652-11.476 25.652-25.641c0-3.664-.785-7.134-2.181-10.299l49.687-26.018c2.212 3.16 5.89 5.238 10.029 5.238c6.807 0 12.306-5.498 12.306-12.27c-.006-6.782-5.494-12.265-12.306-12.265zm-61.805 41.488a25.697 25.697 0 0 0-11.715-9.6l3.541-22.145c.505.04.994.06 1.529.06a17.946 17.946 0 0 0 16.678-11.27L170.724 114c-.183.886-.316 1.809-.316 2.772c0 1.06.153 2.084.403 3.078l-49.947 26.155z" fill="#3BC7F6"/></svg>
</template>

CSS

.icon-appbase {
  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%20d%3D%22M127.997%200C57.311%200%200%2057.275%200%20127.936c0%2070.651%2057.31%20127.937%20127.997%20127.937S256%20198.587%20256%20127.936C256.005%2057.275%20198.69%200%20127.997%200zm0%20248.744c-66.763%200-120.863-54.106-120.863-120.808c0-66.722%2054.1-120.812%20120.863-120.812c66.738%200%20120.87%2054.09%20120.87%20120.812c0%2066.702-54.132%20120.808-120.87%20120.808zm54.672-144.227c-4.235%200-7.985%202.16-10.192%205.447L132.028%2098.84c.102-.83.189-1.666.189-2.492c0-9.951-8.067-18.013-17.998-18.013c-9.947%200-18.008%208.062-18.008%2018.013c0%207.878%205.106%2014.594%2012.209%2017.01l-3.47%2021.738a25.68%2025.68%200%200%200-5.468-.586c-14.17%200-25.641%2011.475-25.641%2025.62c0%2014.166%2011.47%2025.642%2025.641%2025.642c14.15%200%2025.652-11.476%2025.652-25.641c0-3.664-.785-7.134-2.181-10.299l49.687-26.018c2.212%203.16%205.89%205.238%2010.029%205.238c6.807%200%2012.306-5.498%2012.306-12.27c-.006-6.782-5.494-12.265-12.306-12.265zm-61.805%2041.488a25.697%2025.697%200%200%200-11.715-9.6l3.541-22.145c.505.04.994.06%201.529.06a17.946%2017.946%200%200%200%2016.678-11.27L170.724%20114c-.183.886-.316%201.809-.316%202.772c0%201.06.153%202.084.403%203.078l-49.947%2026.155z%22%20fill%3D%22%233BC7F6%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%20d%3D%22M127.997%200C57.311%200%200%2057.275%200%20127.936c0%2070.651%2057.31%20127.937%20127.997%20127.937S256%20198.587%20256%20127.936C256.005%2057.275%20198.69%200%20127.997%200zm0%20248.744c-66.763%200-120.863-54.106-120.863-120.808c0-66.722%2054.1-120.812%20120.863-120.812c66.738%200%20120.87%2054.09%20120.87%20120.812c0%2066.702-54.132%20120.808-120.87%20120.808zm54.672-144.227c-4.235%200-7.985%202.16-10.192%205.447L132.028%2098.84c.102-.83.189-1.666.189-2.492c0-9.951-8.067-18.013-17.998-18.013c-9.947%200-18.008%208.062-18.008%2018.013c0%207.878%205.106%2014.594%2012.209%2017.01l-3.47%2021.738a25.68%2025.68%200%200%200-5.468-.586c-14.17%200-25.641%2011.475-25.641%2025.62c0%2014.166%2011.47%2025.642%2025.641%2025.642c14.15%200%2025.652-11.476%2025.652-25.641c0-3.664-.785-7.134-2.181-10.299l49.687-26.018c2.212%203.16%205.89%205.238%2010.029%205.238c6.807%200%2012.306-5.498%2012.306-12.27c-.006-6.782-5.494-12.265-12.306-12.265zm-61.805%2041.488a25.697%2025.697%200%200%200-11.715-9.6l3.541-22.145c.505.04.994.06%201.529.06a17.946%2017.946%200%200%200%2016.678-11.27L170.724%20114c-.183.886-.316%201.809-.316%202.772c0%201.06.153%202.084.403%203.078l-49.947%2026.155z%22%20fill%3D%22%233BC7F6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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