appcircle icon logo

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

Name
appcircle-icon
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the appcircle icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#ff8f34" d="M92.875 181.583q29.306 23.826 9.866 50.629c-15.974 21.514-45.54 29.33-70.568 17.226l-.21-.102l-.181-.088C3.647 235.52-7.986 201.672 5.798 173.65l31.199-63.426l17.531-35.64l21.07-42.833C85.836 10.936 107.19-.845 129.05.047c21.117-.08 41.441 11.604 51.351 31.75l69.8 141.9c13.784 28.022 2.15 61.869-25.984 75.598l-.181.088l-.21.102c-27.961 13.522-61.588 2.182-75.597-25.347q-10.89-22.815 14.527-43.067h-.005c12.744-10.254 20.894-25.946 20.894-43.534c0-30.89-25.142-55.933-56.156-55.933s-56.156 25.042-56.156 55.933c0 17.884 8.426 33.807 21.54 44.046m34.666-14.732c-16.296 0-29.506-13.158-29.506-29.389c0-16.23 13.21-29.388 29.506-29.388s29.505 13.157 29.505 29.388c0 16.23-13.21 29.389-29.505 29.389"/></svg>

React

import type { SVGProps } from "react";

export function LogosAppcircleIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#ff8f34" d="M92.875 181.583q29.306 23.826 9.866 50.629c-15.974 21.514-45.54 29.33-70.568 17.226l-.21-.102l-.181-.088C3.647 235.52-7.986 201.672 5.798 173.65l31.199-63.426l17.531-35.64l21.07-42.833C85.836 10.936 107.19-.845 129.05.047c21.117-.08 41.441 11.604 51.351 31.75l69.8 141.9c13.784 28.022 2.15 61.869-25.984 75.598l-.181.088l-.21.102c-27.961 13.522-61.588 2.182-75.597-25.347q-10.89-22.815 14.527-43.067h-.005c12.744-10.254 20.894-25.946 20.894-43.534c0-30.89-25.142-55.933-56.156-55.933s-56.156 25.042-56.156 55.933c0 17.884 8.426 33.807 21.54 44.046m34.666-14.732c-16.296 0-29.506-13.158-29.506-29.389c0-16.23 13.21-29.388 29.506-29.388s29.505 13.157 29.505 29.388c0 16.23-13.21 29.389-29.505 29.389"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#ff8f34" d="M92.875 181.583q29.306 23.826 9.866 50.629c-15.974 21.514-45.54 29.33-70.568 17.226l-.21-.102l-.181-.088C3.647 235.52-7.986 201.672 5.798 173.65l31.199-63.426l17.531-35.64l21.07-42.833C85.836 10.936 107.19-.845 129.05.047c21.117-.08 41.441 11.604 51.351 31.75l69.8 141.9c13.784 28.022 2.15 61.869-25.984 75.598l-.181.088l-.21.102c-27.961 13.522-61.588 2.182-75.597-25.347q-10.89-22.815 14.527-43.067h-.005c12.744-10.254 20.894-25.946 20.894-43.534c0-30.89-25.142-55.933-56.156-55.933s-56.156 25.042-56.156 55.933c0 17.884 8.426 33.807 21.54 44.046m34.666-14.732c-16.296 0-29.506-13.158-29.506-29.389c0-16.23 13.21-29.388 29.506-29.388s29.505 13.157 29.505 29.388c0 16.23-13.21 29.389-29.505 29.389"/></svg>
</template>

CSS

.icon-appcircle-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%23ff8f34%22%20d%3D%22M92.875%20181.583q29.306%2023.826%209.866%2050.629c-15.974%2021.514-45.54%2029.33-70.568%2017.226l-.21-.102l-.181-.088C3.647%20235.52-7.986%20201.672%205.798%20173.65l31.199-63.426l17.531-35.64l21.07-42.833C85.836%2010.936%20107.19-.845%20129.05.047c21.117-.08%2041.441%2011.604%2051.351%2031.75l69.8%20141.9c13.784%2028.022%202.15%2061.869-25.984%2075.598l-.181.088l-.21.102c-27.961%2013.522-61.588%202.182-75.597-25.347q-10.89-22.815%2014.527-43.067h-.005c12.744-10.254%2020.894-25.946%2020.894-43.534c0-30.89-25.142-55.933-56.156-55.933s-56.156%2025.042-56.156%2055.933c0%2017.884%208.426%2033.807%2021.54%2044.046m34.666-14.732c-16.296%200-29.506-13.158-29.506-29.389c0-16.23%2013.21-29.388%2029.506-29.388s29.505%2013.157%2029.505%2029.388c0%2016.23-13.21%2029.389-29.505%2029.389%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%23ff8f34%22%20d%3D%22M92.875%20181.583q29.306%2023.826%209.866%2050.629c-15.974%2021.514-45.54%2029.33-70.568%2017.226l-.21-.102l-.181-.088C3.647%20235.52-7.986%20201.672%205.798%20173.65l31.199-63.426l17.531-35.64l21.07-42.833C85.836%2010.936%20107.19-.845%20129.05.047c21.117-.08%2041.441%2011.604%2051.351%2031.75l69.8%20141.9c13.784%2028.022%202.15%2061.869-25.984%2075.598l-.181.088l-.21.102c-27.961%2013.522-61.588%202.182-75.597-25.347q-10.89-22.815%2014.527-43.067h-.005c12.744-10.254%2020.894-25.946%2020.894-43.534c0-30.89-25.142-55.933-56.156-55.933s-56.156%2025.042-56.156%2055.933c0%2017.884%208.426%2033.807%2021.54%2044.046m34.666-14.732c-16.296%200-29.506-13.158-29.506-29.389c0-16.23%2013.21-29.388%2029.506-29.388s29.505%2013.157%2029.505%2029.388c0%2016.23-13.21%2029.389-29.505%2029.389%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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