android logo icon
android-logo-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- android-logo-bold
- Set
- Phosphor
- Style
- Bold
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Use the android logo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M180 148a16 16 0 1 1-16-16a16 16 0 0 1 16 16m-88-16a16 16 0 1 0 16 16a16 16 0 0 0-16-16m152 28v24a20 20 0 0 1-20 20H32a20 20 0 0 1-20-20v-22.87a117.35 117.35 0 0 1 33.72-82.44l-22.21-22.2a12 12 0 0 1 17-17L64.3 63.33A114.35 114.35 0 0 1 127.59 44h.41a115.15 115.15 0 0 1 63.89 19.14l23.62-23.63a12 12 0 0 1 17 17l-22 22A115.18 115.18 0 0 1 244 160m-24 0a92 92 0 0 0-92.33-92C77.12 68.18 36 110 36 161.13V180h184Z"/></svg>
React
import type { SVGProps } from "react";
export function PhAndroidLogoBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M180 148a16 16 0 1 1-16-16a16 16 0 0 1 16 16m-88-16a16 16 0 1 0 16 16a16 16 0 0 0-16-16m152 28v24a20 20 0 0 1-20 20H32a20 20 0 0 1-20-20v-22.87a117.35 117.35 0 0 1 33.72-82.44l-22.21-22.2a12 12 0 0 1 17-17L64.3 63.33A114.35 114.35 0 0 1 127.59 44h.41a115.15 115.15 0 0 1 63.89 19.14l23.62-23.63a12 12 0 0 1 17 17l-22 22A115.18 115.18 0 0 1 244 160m-24 0a92 92 0 0 0-92.33-92C77.12 68.18 36 110 36 161.13V180h184Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M180 148a16 16 0 1 1-16-16a16 16 0 0 1 16 16m-88-16a16 16 0 1 0 16 16a16 16 0 0 0-16-16m152 28v24a20 20 0 0 1-20 20H32a20 20 0 0 1-20-20v-22.87a117.35 117.35 0 0 1 33.72-82.44l-22.21-22.2a12 12 0 0 1 17-17L64.3 63.33A114.35 114.35 0 0 1 127.59 44h.41a115.15 115.15 0 0 1 63.89 19.14l23.62-23.63a12 12 0 0 1 17 17l-22 22A115.18 115.18 0 0 1 244 160m-24 0a92 92 0 0 0-92.33-92C77.12 68.18 36 110 36 161.13V180h184Z"/></svg> </template>
CSS
.icon-android-logo-bold {
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%22currentColor%22%20d%3D%22M180%20148a16%2016%200%201%201-16-16a16%2016%200%200%201%2016%2016m-88-16a16%2016%200%201%200%2016%2016a16%2016%200%200%200-16-16m152%2028v24a20%2020%200%200%201-20%2020H32a20%2020%200%200%201-20-20v-22.87a117.35%20117.35%200%200%201%2033.72-82.44l-22.21-22.2a12%2012%200%200%201%2017-17L64.3%2063.33A114.35%20114.35%200%200%201%20127.59%2044h.41a115.15%20115.15%200%200%201%2063.89%2019.14l23.62-23.63a12%2012%200%200%201%2017%2017l-22%2022A115.18%20115.18%200%200%201%20244%20160m-24%200a92%2092%200%200%200-92.33-92C77.12%2068.18%2036%20110%2036%20161.13V180h184Z%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%22currentColor%22%20d%3D%22M180%20148a16%2016%200%201%201-16-16a16%2016%200%200%201%2016%2016m-88-16a16%2016%200%201%200%2016%2016a16%2016%200%200%200-16-16m152%2028v24a20%2020%200%200%201-20%2020H32a20%2020%200%200%201-20-20v-22.87a117.35%20117.35%200%200%201%2033.72-82.44l-22.21-22.2a12%2012%200%200%201%2017-17L64.3%2063.33A114.35%20114.35%200%200%201%20127.59%2044h.41a115.15%20115.15%200%200%201%2063.89%2019.14l23.62-23.63a12%2012%200%200%201%2017%2017l-22%2022A115.18%20115.18%200%200%201%20244%20160m-24%200a92%2092%200%200%200-92.33-92C77.12%2068.18%2036%20110%2036%20161.13V180h184Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/android-logo-bold.svg?color=%231a73e8&size=48
