appfog logo

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

Name
appfog
Set
SVG Logos
Style
Color
Viewbox
256×159
License
CC0

Use the appfog logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 159"><path d="M202.47 51.528c-5.463 0-10.015 4.552-10.015 10.014s4.552 10.014 10.014 10.014c18.572 0 33.503 15.113 33.503 33.502c0 18.572-15.113 33.502-33.503 33.502H44.063c-13.292.183-24.035-10.56-24.035-23.852c0-13.291 10.743-23.852 23.853-23.852c5.462 0 10.014-4.552 10.014-10.014S49.343 70.828 43.88 70.828C19.664 70.828 0 90.492 0 114.708c0 24.217 19.664 43.88 43.88 43.88h158.407c29.497 0 53.713-24.033 53.713-53.712c0-29.678-24.034-53.348-53.53-53.348zM41.513 53.53c5.644-5.645 13.291-8.74 21.303-8.74c16.568 0 30.042 13.474 30.042 30.043v32.227h20.029c.728-19.3 16.75-34.777 36.233-34.777c5.462 0 10.014-4.551 10.014-10.014c0-5.462-4.552-10.014-10.014-10.014c-13.838 0-26.401 4.916-36.233 13.292v-14.02c2.367-17.662 17.661-31.5 36.05-31.5c9.65 0 18.755 3.824 25.674 10.56c4.005 4.007 10.196 4.007 14.202 0c4.005-4.005 4.005-10.195 0-14.201C178.07 5.827 163.869 0 148.939 0c-24.398 0-45.155 15.477-52.985 37.144c-8.921-7.83-20.392-12.564-33.137-12.564c-13.474 0-26.037 5.28-35.505 14.749c-4.006 4.005-4.006 10.196 0 14.202c4.005 4.005 10.378 4.005 14.202 0z" fill="#007F3E"/></svg>

React

import type { SVGProps } from "react";

export function LogosAppfog(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 159"><path d="M202.47 51.528c-5.463 0-10.015 4.552-10.015 10.014s4.552 10.014 10.014 10.014c18.572 0 33.503 15.113 33.503 33.502c0 18.572-15.113 33.502-33.503 33.502H44.063c-13.292.183-24.035-10.56-24.035-23.852c0-13.291 10.743-23.852 23.853-23.852c5.462 0 10.014-4.552 10.014-10.014S49.343 70.828 43.88 70.828C19.664 70.828 0 90.492 0 114.708c0 24.217 19.664 43.88 43.88 43.88h158.407c29.497 0 53.713-24.033 53.713-53.712c0-29.678-24.034-53.348-53.53-53.348zM41.513 53.53c5.644-5.645 13.291-8.74 21.303-8.74c16.568 0 30.042 13.474 30.042 30.043v32.227h20.029c.728-19.3 16.75-34.777 36.233-34.777c5.462 0 10.014-4.551 10.014-10.014c0-5.462-4.552-10.014-10.014-10.014c-13.838 0-26.401 4.916-36.233 13.292v-14.02c2.367-17.662 17.661-31.5 36.05-31.5c9.65 0 18.755 3.824 25.674 10.56c4.005 4.007 10.196 4.007 14.202 0c4.005-4.005 4.005-10.195 0-14.201C178.07 5.827 163.869 0 148.939 0c-24.398 0-45.155 15.477-52.985 37.144c-8.921-7.83-20.392-12.564-33.137-12.564c-13.474 0-26.037 5.28-35.505 14.749c-4.006 4.005-4.006 10.196 0 14.202c4.005 4.005 10.378 4.005 14.202 0z" fill="#007F3E"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 159"><path d="M202.47 51.528c-5.463 0-10.015 4.552-10.015 10.014s4.552 10.014 10.014 10.014c18.572 0 33.503 15.113 33.503 33.502c0 18.572-15.113 33.502-33.503 33.502H44.063c-13.292.183-24.035-10.56-24.035-23.852c0-13.291 10.743-23.852 23.853-23.852c5.462 0 10.014-4.552 10.014-10.014S49.343 70.828 43.88 70.828C19.664 70.828 0 90.492 0 114.708c0 24.217 19.664 43.88 43.88 43.88h158.407c29.497 0 53.713-24.033 53.713-53.712c0-29.678-24.034-53.348-53.53-53.348zM41.513 53.53c5.644-5.645 13.291-8.74 21.303-8.74c16.568 0 30.042 13.474 30.042 30.043v32.227h20.029c.728-19.3 16.75-34.777 36.233-34.777c5.462 0 10.014-4.551 10.014-10.014c0-5.462-4.552-10.014-10.014-10.014c-13.838 0-26.401 4.916-36.233 13.292v-14.02c2.367-17.662 17.661-31.5 36.05-31.5c9.65 0 18.755 3.824 25.674 10.56c4.005 4.007 10.196 4.007 14.202 0c4.005-4.005 4.005-10.195 0-14.201C178.07 5.827 163.869 0 148.939 0c-24.398 0-45.155 15.477-52.985 37.144c-8.921-7.83-20.392-12.564-33.137-12.564c-13.474 0-26.037 5.28-35.505 14.749c-4.006 4.005-4.006 10.196 0 14.202c4.005 4.005 10.378 4.005 14.202 0z" fill="#007F3E"/></svg>
</template>

CSS

.icon-appfog {
  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%20159%22%3E%3Cpath%20d%3D%22M202.47%2051.528c-5.463%200-10.015%204.552-10.015%2010.014s4.552%2010.014%2010.014%2010.014c18.572%200%2033.503%2015.113%2033.503%2033.502c0%2018.572-15.113%2033.502-33.503%2033.502H44.063c-13.292.183-24.035-10.56-24.035-23.852c0-13.291%2010.743-23.852%2023.853-23.852c5.462%200%2010.014-4.552%2010.014-10.014S49.343%2070.828%2043.88%2070.828C19.664%2070.828%200%2090.492%200%20114.708c0%2024.217%2019.664%2043.88%2043.88%2043.88h158.407c29.497%200%2053.713-24.033%2053.713-53.712c0-29.678-24.034-53.348-53.53-53.348zM41.513%2053.53c5.644-5.645%2013.291-8.74%2021.303-8.74c16.568%200%2030.042%2013.474%2030.042%2030.043v32.227h20.029c.728-19.3%2016.75-34.777%2036.233-34.777c5.462%200%2010.014-4.551%2010.014-10.014c0-5.462-4.552-10.014-10.014-10.014c-13.838%200-26.401%204.916-36.233%2013.292v-14.02c2.367-17.662%2017.661-31.5%2036.05-31.5c9.65%200%2018.755%203.824%2025.674%2010.56c4.005%204.007%2010.196%204.007%2014.202%200c4.005-4.005%204.005-10.195%200-14.201C178.07%205.827%20163.869%200%20148.939%200c-24.398%200-45.155%2015.477-52.985%2037.144c-8.921-7.83-20.392-12.564-33.137-12.564c-13.474%200-26.037%205.28-35.505%2014.749c-4.006%204.005-4.006%2010.196%200%2014.202c4.005%204.005%2010.378%204.005%2014.202%200z%22%20fill%3D%22%23007F3E%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%20159%22%3E%3Cpath%20d%3D%22M202.47%2051.528c-5.463%200-10.015%204.552-10.015%2010.014s4.552%2010.014%2010.014%2010.014c18.572%200%2033.503%2015.113%2033.503%2033.502c0%2018.572-15.113%2033.502-33.503%2033.502H44.063c-13.292.183-24.035-10.56-24.035-23.852c0-13.291%2010.743-23.852%2023.853-23.852c5.462%200%2010.014-4.552%2010.014-10.014S49.343%2070.828%2043.88%2070.828C19.664%2070.828%200%2090.492%200%20114.708c0%2024.217%2019.664%2043.88%2043.88%2043.88h158.407c29.497%200%2053.713-24.033%2053.713-53.712c0-29.678-24.034-53.348-53.53-53.348zM41.513%2053.53c5.644-5.645%2013.291-8.74%2021.303-8.74c16.568%200%2030.042%2013.474%2030.042%2030.043v32.227h20.029c.728-19.3%2016.75-34.777%2036.233-34.777c5.462%200%2010.014-4.551%2010.014-10.014c0-5.462-4.552-10.014-10.014-10.014c-13.838%200-26.401%204.916-36.233%2013.292v-14.02c2.367-17.662%2017.661-31.5%2036.05-31.5c9.65%200%2018.755%203.824%2025.674%2010.56c4.005%204.007%2010.196%204.007%2014.202%200c4.005-4.005%204.005-10.195%200-14.201C178.07%205.827%20163.869%200%20148.939%200c-24.398%200-45.155%2015.477-52.985%2037.144c-8.921-7.83-20.392-12.564-33.137-12.564c-13.474%200-26.037%205.28-35.505%2014.749c-4.006%204.005-4.006%2010.196%200%2014.202c4.005%204.005%2010.378%204.005%2014.202%200z%22%20fill%3D%22%23007F3E%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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