android logo icon
android-logo-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- android-logo-thin
- Set
- Phosphor
- Style
- Thin
- 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="M172 148a8 8 0 1 1-8-8a8 8 0 0 1 8 8m-80-8a8 8 0 1 0 8 8a8 8 0 0 0-8-8m144 20v24a12 12 0 0 1-12 12H32a12 12 0 0 1-12-12v-22.87a109.43 109.43 0 0 1 37.18-82.29l-28-28a4 4 0 0 1 5.66-5.66l28.57 28.57A106.63 106.63 0 0 1 127.62 52h.38a107.16 107.16 0 0 1 64.78 21.57l28.39-28.4a4 4 0 1 1 5.66 5.66L199 78.64c1.78 1.56 3.52 3.17 5.21 4.86A107.25 107.25 0 0 1 236 160m-8 0A100 100 0 0 0 128 60h-.35C72.7 60.19 28 105.56 28 161.13V184a4 4 0 0 0 4 4h192a4 4 0 0 0 4-4Z"/></svg>
React
import type { SVGProps } from "react";
export function PhAndroidLogoThin(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="M172 148a8 8 0 1 1-8-8a8 8 0 0 1 8 8m-80-8a8 8 0 1 0 8 8a8 8 0 0 0-8-8m144 20v24a12 12 0 0 1-12 12H32a12 12 0 0 1-12-12v-22.87a109.43 109.43 0 0 1 37.18-82.29l-28-28a4 4 0 0 1 5.66-5.66l28.57 28.57A106.63 106.63 0 0 1 127.62 52h.38a107.16 107.16 0 0 1 64.78 21.57l28.39-28.4a4 4 0 1 1 5.66 5.66L199 78.64c1.78 1.56 3.52 3.17 5.21 4.86A107.25 107.25 0 0 1 236 160m-8 0A100 100 0 0 0 128 60h-.35C72.7 60.19 28 105.56 28 161.13V184a4 4 0 0 0 4 4h192a4 4 0 0 0 4-4Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M172 148a8 8 0 1 1-8-8a8 8 0 0 1 8 8m-80-8a8 8 0 1 0 8 8a8 8 0 0 0-8-8m144 20v24a12 12 0 0 1-12 12H32a12 12 0 0 1-12-12v-22.87a109.43 109.43 0 0 1 37.18-82.29l-28-28a4 4 0 0 1 5.66-5.66l28.57 28.57A106.63 106.63 0 0 1 127.62 52h.38a107.16 107.16 0 0 1 64.78 21.57l28.39-28.4a4 4 0 1 1 5.66 5.66L199 78.64c1.78 1.56 3.52 3.17 5.21 4.86A107.25 107.25 0 0 1 236 160m-8 0A100 100 0 0 0 128 60h-.35C72.7 60.19 28 105.56 28 161.13V184a4 4 0 0 0 4 4h192a4 4 0 0 0 4-4Z"/></svg> </template>
CSS
.icon-android-logo-thin {
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%22M172%20148a8%208%200%201%201-8-8a8%208%200%200%201%208%208m-80-8a8%208%200%201%200%208%208a8%208%200%200%200-8-8m144%2020v24a12%2012%200%200%201-12%2012H32a12%2012%200%200%201-12-12v-22.87a109.43%20109.43%200%200%201%2037.18-82.29l-28-28a4%204%200%200%201%205.66-5.66l28.57%2028.57A106.63%20106.63%200%200%201%20127.62%2052h.38a107.16%20107.16%200%200%201%2064.78%2021.57l28.39-28.4a4%204%200%201%201%205.66%205.66L199%2078.64c1.78%201.56%203.52%203.17%205.21%204.86A107.25%20107.25%200%200%201%20236%20160m-8%200A100%20100%200%200%200%20128%2060h-.35C72.7%2060.19%2028%20105.56%2028%20161.13V184a4%204%200%200%200%204%204h192a4%204%200%200%200%204-4Z%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%22M172%20148a8%208%200%201%201-8-8a8%208%200%200%201%208%208m-80-8a8%208%200%201%200%208%208a8%208%200%200%200-8-8m144%2020v24a12%2012%200%200%201-12%2012H32a12%2012%200%200%201-12-12v-22.87a109.43%20109.43%200%200%201%2037.18-82.29l-28-28a4%204%200%200%201%205.66-5.66l28.57%2028.57A106.63%20106.63%200%200%201%20127.62%2052h.38a107.16%20107.16%200%200%201%2064.78%2021.57l28.39-28.4a4%204%200%201%201%205.66%205.66L199%2078.64c1.78%201.56%203.52%203.17%205.21%204.86A107.25%20107.25%200%200%201%20236%20160m-8%200A100%20100%200%200%200%20128%2060h-.35C72.7%2060.19%2028%20105.56%2028%20161.13V184a4%204%200%200%200%204%204h192a4%204%200%200%200%204-4Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/android-logo-thin.svg?color=%231a73e8&size=48
