android logo icon
android-logo-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- android-logo-light
- Set
- Phosphor
- Style
- Light
- 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="M174 148a10 10 0 1 1-10-10a10 10 0 0 1 10 10m-82-10a10 10 0 1 0 10 10a10 10 0 0 0-10-10m146 22v24a14 14 0 0 1-14 14H32a14 14 0 0 1-14-14v-22.87a111.44 111.44 0 0 1 36.28-82.37L27.76 52.24a6 6 0 1 1 8.48-8.48l27.37 27.36a108.6 108.6 0 0 1 64-21.12h.39a109.17 109.17 0 0 1 64.58 20.93l27.18-27.17a6 6 0 0 1 8.48 8.48l-26.31 26.31c1.26 1.15 2.5 2.32 3.72 3.53A109.3 109.3 0 0 1 238 160m-12 0a98 98 0 0 0-98-98h-.35C73.81 62.19 30 106.66 30 161.13V184a2 2 0 0 0 2 2h192a2 2 0 0 0 2-2Z"/></svg>
React
import type { SVGProps } from "react";
export function PhAndroidLogoLight(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="M174 148a10 10 0 1 1-10-10a10 10 0 0 1 10 10m-82-10a10 10 0 1 0 10 10a10 10 0 0 0-10-10m146 22v24a14 14 0 0 1-14 14H32a14 14 0 0 1-14-14v-22.87a111.44 111.44 0 0 1 36.28-82.37L27.76 52.24a6 6 0 1 1 8.48-8.48l27.37 27.36a108.6 108.6 0 0 1 64-21.12h.39a109.17 109.17 0 0 1 64.58 20.93l27.18-27.17a6 6 0 0 1 8.48 8.48l-26.31 26.31c1.26 1.15 2.5 2.32 3.72 3.53A109.3 109.3 0 0 1 238 160m-12 0a98 98 0 0 0-98-98h-.35C73.81 62.19 30 106.66 30 161.13V184a2 2 0 0 0 2 2h192a2 2 0 0 0 2-2Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M174 148a10 10 0 1 1-10-10a10 10 0 0 1 10 10m-82-10a10 10 0 1 0 10 10a10 10 0 0 0-10-10m146 22v24a14 14 0 0 1-14 14H32a14 14 0 0 1-14-14v-22.87a111.44 111.44 0 0 1 36.28-82.37L27.76 52.24a6 6 0 1 1 8.48-8.48l27.37 27.36a108.6 108.6 0 0 1 64-21.12h.39a109.17 109.17 0 0 1 64.58 20.93l27.18-27.17a6 6 0 0 1 8.48 8.48l-26.31 26.31c1.26 1.15 2.5 2.32 3.72 3.53A109.3 109.3 0 0 1 238 160m-12 0a98 98 0 0 0-98-98h-.35C73.81 62.19 30 106.66 30 161.13V184a2 2 0 0 0 2 2h192a2 2 0 0 0 2-2Z"/></svg> </template>
CSS
.icon-android-logo-light {
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%22M174%20148a10%2010%200%201%201-10-10a10%2010%200%200%201%2010%2010m-82-10a10%2010%200%201%200%2010%2010a10%2010%200%200%200-10-10m146%2022v24a14%2014%200%200%201-14%2014H32a14%2014%200%200%201-14-14v-22.87a111.44%20111.44%200%200%201%2036.28-82.37L27.76%2052.24a6%206%200%201%201%208.48-8.48l27.37%2027.36a108.6%20108.6%200%200%201%2064-21.12h.39a109.17%20109.17%200%200%201%2064.58%2020.93l27.18-27.17a6%206%200%200%201%208.48%208.48l-26.31%2026.31c1.26%201.15%202.5%202.32%203.72%203.53A109.3%20109.3%200%200%201%20238%20160m-12%200a98%2098%200%200%200-98-98h-.35C73.81%2062.19%2030%20106.66%2030%20161.13V184a2%202%200%200%200%202%202h192a2%202%200%200%200%202-2Z%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%22M174%20148a10%2010%200%201%201-10-10a10%2010%200%200%201%2010%2010m-82-10a10%2010%200%201%200%2010%2010a10%2010%200%200%200-10-10m146%2022v24a14%2014%200%200%201-14%2014H32a14%2014%200%200%201-14-14v-22.87a111.44%20111.44%200%200%201%2036.28-82.37L27.76%2052.24a6%206%200%201%201%208.48-8.48l27.37%2027.36a108.6%20108.6%200%200%201%2064-21.12h.39a109.17%20109.17%200%200%201%2064.58%2020.93l27.18-27.17a6%206%200%200%201%208.48%208.48l-26.31%2026.31c1.26%201.15%202.5%202.32%203.72%203.53A109.3%20109.3%200%200%201%20238%20160m-12%200a98%2098%200%200%200-98-98h-.35C73.81%2062.19%2030%20106.66%2030%20161.13V184a2%202%200%200%200%202%202h192a2%202%200%200%200%202-2Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/android-logo-light.svg?color=%231a73e8&size=48
