appbaseio icon logo
appbaseio-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- appbaseio-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
Use the appbaseio icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#232e44" d="M127.997 0C198.69 0 256.005 57.304 256 128c0 70.686-57.316 128-128.003 128S0 198.686 0 128C0 57.304 57.31 0 127.997 0m0 7.127C61.234 7.127 7.134 61.244 7.134 128c0 66.735 54.1 120.868 120.863 120.868c66.738 0 120.87-54.133 120.87-120.868c0-66.756-54.132-120.873-120.87-120.873M114.22 78.374c9.931 0 17.998 8.066 17.998 18.022c0 .826-.087 1.662-.189 2.493l40.45 11.13c2.206-3.289 5.956-5.45 10.19-5.45c6.813 0 12.301 5.485 12.307 12.271c0 6.776-5.499 12.277-12.306 12.277c-4.138 0-7.817-2.08-10.029-5.241l-49.687 26.03a25.4 25.4 0 0 1 2.18 10.304c0 14.173-11.5 25.654-25.65 25.654c-14.172 0-25.642-11.48-25.642-25.654c0-14.152 11.47-25.633 25.641-25.633c1.89 0 3.705.204 5.468.586l3.47-21.749c-7.103-2.416-12.21-9.136-12.21-17.018c0-9.956 8.062-18.022 18.009-18.022m16.678 24.726a17.95 17.95 0 0 1-16.678 11.278c-.535 0-1.024-.02-1.529-.062l-3.541 22.157a25.7 25.7 0 0 1 11.715 9.605l49.947-26.169a12.6 12.6 0 0 1-.403-3.08c0-.963.133-1.885.316-2.773Z"/></svg>
React
import type { SVGProps } from "react";
export function LogosAppbaseioIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#232e44" d="M127.997 0C198.69 0 256.005 57.304 256 128c0 70.686-57.316 128-128.003 128S0 198.686 0 128C0 57.304 57.31 0 127.997 0m0 7.127C61.234 7.127 7.134 61.244 7.134 128c0 66.735 54.1 120.868 120.863 120.868c66.738 0 120.87-54.133 120.87-120.868c0-66.756-54.132-120.873-120.87-120.873M114.22 78.374c9.931 0 17.998 8.066 17.998 18.022c0 .826-.087 1.662-.189 2.493l40.45 11.13c2.206-3.289 5.956-5.45 10.19-5.45c6.813 0 12.301 5.485 12.307 12.271c0 6.776-5.499 12.277-12.306 12.277c-4.138 0-7.817-2.08-10.029-5.241l-49.687 26.03a25.4 25.4 0 0 1 2.18 10.304c0 14.173-11.5 25.654-25.65 25.654c-14.172 0-25.642-11.48-25.642-25.654c0-14.152 11.47-25.633 25.641-25.633c1.89 0 3.705.204 5.468.586l3.47-21.749c-7.103-2.416-12.21-9.136-12.21-17.018c0-9.956 8.062-18.022 18.009-18.022m16.678 24.726a17.95 17.95 0 0 1-16.678 11.278c-.535 0-1.024-.02-1.529-.062l-3.541 22.157a25.7 25.7 0 0 1 11.715 9.605l49.947-26.169a12.6 12.6 0 0 1-.403-3.08c0-.963.133-1.885.316-2.773Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#232e44" d="M127.997 0C198.69 0 256.005 57.304 256 128c0 70.686-57.316 128-128.003 128S0 198.686 0 128C0 57.304 57.31 0 127.997 0m0 7.127C61.234 7.127 7.134 61.244 7.134 128c0 66.735 54.1 120.868 120.863 120.868c66.738 0 120.87-54.133 120.87-120.868c0-66.756-54.132-120.873-120.87-120.873M114.22 78.374c9.931 0 17.998 8.066 17.998 18.022c0 .826-.087 1.662-.189 2.493l40.45 11.13c2.206-3.289 5.956-5.45 10.19-5.45c6.813 0 12.301 5.485 12.307 12.271c0 6.776-5.499 12.277-12.306 12.277c-4.138 0-7.817-2.08-10.029-5.241l-49.687 26.03a25.4 25.4 0 0 1 2.18 10.304c0 14.173-11.5 25.654-25.65 25.654c-14.172 0-25.642-11.48-25.642-25.654c0-14.152 11.47-25.633 25.641-25.633c1.89 0 3.705.204 5.468.586l3.47-21.749c-7.103-2.416-12.21-9.136-12.21-17.018c0-9.956 8.062-18.022 18.009-18.022m16.678 24.726a17.95 17.95 0 0 1-16.678 11.278c-.535 0-1.024-.02-1.529-.062l-3.541 22.157a25.7 25.7 0 0 1 11.715 9.605l49.947-26.169a12.6 12.6 0 0 1-.403-3.08c0-.963.133-1.885.316-2.773Z"/></svg> </template>
CSS
.icon-appbaseio-icon {
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%20fill%3D%22%23232e44%22%20d%3D%22M127.997%200C198.69%200%20256.005%2057.304%20256%20128c0%2070.686-57.316%20128-128.003%20128S0%20198.686%200%20128C0%2057.304%2057.31%200%20127.997%200m0%207.127C61.234%207.127%207.134%2061.244%207.134%20128c0%2066.735%2054.1%20120.868%20120.863%20120.868c66.738%200%20120.87-54.133%20120.87-120.868c0-66.756-54.132-120.873-120.87-120.873M114.22%2078.374c9.931%200%2017.998%208.066%2017.998%2018.022c0%20.826-.087%201.662-.189%202.493l40.45%2011.13c2.206-3.289%205.956-5.45%2010.19-5.45c6.813%200%2012.301%205.485%2012.307%2012.271c0%206.776-5.499%2012.277-12.306%2012.277c-4.138%200-7.817-2.08-10.029-5.241l-49.687%2026.03a25.4%2025.4%200%200%201%202.18%2010.304c0%2014.173-11.5%2025.654-25.65%2025.654c-14.172%200-25.642-11.48-25.642-25.654c0-14.152%2011.47-25.633%2025.641-25.633c1.89%200%203.705.204%205.468.586l3.47-21.749c-7.103-2.416-12.21-9.136-12.21-17.018c0-9.956%208.062-18.022%2018.009-18.022m16.678%2024.726a17.95%2017.95%200%200%201-16.678%2011.278c-.535%200-1.024-.02-1.529-.062l-3.541%2022.157a25.7%2025.7%200%200%201%2011.715%209.605l49.947-26.169a12.6%2012.6%200%200%201-.403-3.08c0-.963.133-1.885.316-2.773Z%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%20fill%3D%22%23232e44%22%20d%3D%22M127.997%200C198.69%200%20256.005%2057.304%20256%20128c0%2070.686-57.316%20128-128.003%20128S0%20198.686%200%20128C0%2057.304%2057.31%200%20127.997%200m0%207.127C61.234%207.127%207.134%2061.244%207.134%20128c0%2066.735%2054.1%20120.868%20120.863%20120.868c66.738%200%20120.87-54.133%20120.87-120.868c0-66.756-54.132-120.873-120.87-120.873M114.22%2078.374c9.931%200%2017.998%208.066%2017.998%2018.022c0%20.826-.087%201.662-.189%202.493l40.45%2011.13c2.206-3.289%205.956-5.45%2010.19-5.45c6.813%200%2012.301%205.485%2012.307%2012.271c0%206.776-5.499%2012.277-12.306%2012.277c-4.138%200-7.817-2.08-10.029-5.241l-49.687%2026.03a25.4%2025.4%200%200%201%202.18%2010.304c0%2014.173-11.5%2025.654-25.65%2025.654c-14.172%200-25.642-11.48-25.642-25.654c0-14.152%2011.47-25.633%2025.641-25.633c1.89%200%203.705.204%205.468.586l3.47-21.749c-7.103-2.416-12.21-9.136-12.21-17.018c0-9.956%208.062-18.022%2018.009-18.022m16.678%2024.726a17.95%2017.95%200%200%201-16.678%2011.278c-.535%200-1.024-.02-1.529-.062l-3.541%2022.157a25.7%2025.7%200%200%201%2011.715%209.605l49.947-26.169a12.6%2012.6%200%200%201-.403-3.08c0-.963.133-1.885.316-2.773Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/appbaseio-icon.svg?color=%231a73e8&size=48
