logo android icon

logo-android from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name: logo-android
Set: IonIcons
Style: Regular
Viewbox: 512×512
License: MIT
Aliases: logo-android-outline, social-android

The same icon in other sets

Use the logo android icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m380.91 199l42.47-73.57a8.63 8.63 0 0 0-3.12-11.76a8.52 8.52 0 0 0-11.71 3.12l-43 74.52c-32.83-15-69.78-23.35-109.52-23.35s-76.69 8.36-109.52 23.35l-43-74.52a8.6 8.6 0 1 0-14.88 8.64L131 199C57.8 238.64 8.19 312.77 0 399.55h512c-8.19-86.78-57.8-160.91-131.09-200.55M138.45 327.65a21.46 21.46 0 1 1 21.46-21.46a21.47 21.47 0 0 1-21.46 21.46m235 0A21.46 21.46 0 1 1 395 306.19a21.47 21.47 0 0 1-21.51 21.46Z"/></svg>

React

import type { SVGProps } from "react";

export function IonLogoAndroid(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m380.91 199l42.47-73.57a8.63 8.63 0 0 0-3.12-11.76a8.52 8.52 0 0 0-11.71 3.12l-43 74.52c-32.83-15-69.78-23.35-109.52-23.35s-76.69 8.36-109.52 23.35l-43-74.52a8.6 8.6 0 1 0-14.88 8.64L131 199C57.8 238.64 8.19 312.77 0 399.55h512c-8.19-86.78-57.8-160.91-131.09-200.55M138.45 327.65a21.46 21.46 0 1 1 21.46-21.46a21.47 21.47 0 0 1-21.46 21.46m235 0A21.46 21.46 0 1 1 395 306.19a21.47 21.47 0 0 1-21.51 21.46Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m380.91 199l42.47-73.57a8.63 8.63 0 0 0-3.12-11.76a8.52 8.52 0 0 0-11.71 3.12l-43 74.52c-32.83-15-69.78-23.35-109.52-23.35s-76.69 8.36-109.52 23.35l-43-74.52a8.6 8.6 0 1 0-14.88 8.64L131 199C57.8 238.64 8.19 312.77 0 399.55h512c-8.19-86.78-57.8-160.91-131.09-200.55M138.45 327.65a21.46 21.46 0 1 1 21.46-21.46a21.47 21.47 0 0 1-21.46 21.46m235 0A21.46 21.46 0 1 1 395 306.19a21.47 21.47 0 0 1-21.51 21.46Z"/></svg>
</template>

CSS

.icon-logo-android {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m380.91%20199l42.47-73.57a8.63%208.63%200%200%200-3.12-11.76a8.52%208.52%200%200%200-11.71%203.12l-43%2074.52c-32.83-15-69.78-23.35-109.52-23.35s-76.69%208.36-109.52%2023.35l-43-74.52a8.6%208.6%200%201%200-14.88%208.64L131%20199C57.8%20238.64%208.19%20312.77%200%20399.55h512c-8.19-86.78-57.8-160.91-131.09-200.55M138.45%20327.65a21.46%2021.46%200%201%201%2021.46-21.46a21.47%2021.47%200%200%201-21.46%2021.46m235%200A21.46%2021.46%200%201%201%20395%20306.19a21.47%2021.47%200%200%201-21.51%2021.46Z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m380.91%20199l42.47-73.57a8.63%208.63%200%200%200-3.12-11.76a8.52%208.52%200%200%200-11.71%203.12l-43%2074.52c-32.83-15-69.78-23.35-109.52-23.35s-76.69%208.36-109.52%2023.35l-43-74.52a8.6%208.6%200%201%200-14.88%208.64L131%20199C57.8%20238.64%208.19%20312.77%200%20399.55h512c-8.19-86.78-57.8-160.91-131.09-200.55M138.45%20327.65a21.46%2021.46%200%201%201%2021.46-21.46a21.47%2021.47%200%200%201-21.46%2021.46m235%200A21.46%2021.46%200%201%201%20395%20306.19a21.47%2021.47%200%200%201-21.51%2021.46Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

logo android icon

The same icon in other sets

Related icons in IonIcons

Use the logo android icon

SVG

React

Vue

CSS