android sunny icon
android-sunny from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- android-sunny
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
Use the android sunny icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 160c25.499 0 49.567 10.025 67.771 28.229S352 230.501 352 256s-10.025 49.567-28.229 67.771S281.499 352 256 352s-49.567-10.025-67.771-28.229S160 281.499 160 256s10.025-49.567 28.229-67.771S230.501 160 256 160m21.333-128h-42.666v64h42.666V32zm129.063 43.729L368 114.135 397.864 144l38.406-38.396-29.874-29.875zm-300.792 0l-29.875 29.875L114.136 144 144 114.135l-38.396-38.406zM256 128c-70.396 0-128 57.604-128 128s57.604 128 128 128 128-57.604 128-128-57.604-128-128-128zm224 106.666h-64v42.668h64v-42.668zm-384 0H32v42.668h64v-42.668zM397.864 368L368 397.865l38.396 38.406 29.875-29.875L397.864 368zm-283.728 0L75.73 406.396l29.875 29.875L144 397.865 114.136 368zm163.197 48h-42.666v64h42.666v-64z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonAndroidSunny(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 160c25.499 0 49.567 10.025 67.771 28.229S352 230.501 352 256s-10.025 49.567-28.229 67.771S281.499 352 256 352s-49.567-10.025-67.771-28.229S160 281.499 160 256s10.025-49.567 28.229-67.771S230.501 160 256 160m21.333-128h-42.666v64h42.666V32zm129.063 43.729L368 114.135 397.864 144l38.406-38.396-29.874-29.875zm-300.792 0l-29.875 29.875L114.136 144 144 114.135l-38.396-38.406zM256 128c-70.396 0-128 57.604-128 128s57.604 128 128 128 128-57.604 128-128-57.604-128-128-128zm224 106.666h-64v42.668h64v-42.668zm-384 0H32v42.668h64v-42.668zM397.864 368L368 397.865l38.396 38.406 29.875-29.875L397.864 368zm-283.728 0L75.73 406.396l29.875 29.875L144 397.865 114.136 368zm163.197 48h-42.666v64h42.666v-64z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 160c25.499 0 49.567 10.025 67.771 28.229S352 230.501 352 256s-10.025 49.567-28.229 67.771S281.499 352 256 352s-49.567-10.025-67.771-28.229S160 281.499 160 256s10.025-49.567 28.229-67.771S230.501 160 256 160m21.333-128h-42.666v64h42.666V32zm129.063 43.729L368 114.135 397.864 144l38.406-38.396-29.874-29.875zm-300.792 0l-29.875 29.875L114.136 144 144 114.135l-38.396-38.406zM256 128c-70.396 0-128 57.604-128 128s57.604 128 128 128 128-57.604 128-128-57.604-128-128-128zm224 106.666h-64v42.668h64v-42.668zm-384 0H32v42.668h64v-42.668zM397.864 368L368 397.865l38.396 38.406 29.875-29.875L397.864 368zm-283.728 0L75.73 406.396l29.875 29.875L144 397.865 114.136 368zm163.197 48h-42.666v64h42.666v-64z" fill="currentColor"/></svg> </template>
CSS
.icon-android-sunny {
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%20d%3D%22M256%20160c25.499%200%2049.567%2010.025%2067.771%2028.229S352%20230.501%20352%20256s-10.025%2049.567-28.229%2067.771S281.499%20352%20256%20352s-49.567-10.025-67.771-28.229S160%20281.499%20160%20256s10.025-49.567%2028.229-67.771S230.501%20160%20256%20160m21.333-128h-42.666v64h42.666V32zm129.063%2043.729L368%20114.135%20397.864%20144l38.406-38.396-29.874-29.875zm-300.792%200l-29.875%2029.875L114.136%20144%20144%20114.135l-38.396-38.406zM256%20128c-70.396%200-128%2057.604-128%20128s57.604%20128%20128%20128%20128-57.604%20128-128-57.604-128-128-128zm224%20106.666h-64v42.668h64v-42.668zm-384%200H32v42.668h64v-42.668zM397.864%20368L368%20397.865l38.396%2038.406%2029.875-29.875L397.864%20368zm-283.728%200L75.73%20406.396l29.875%2029.875L144%20397.865%20114.136%20368zm163.197%2048h-42.666v64h42.666v-64z%22%20fill%3D%22currentColor%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%20d%3D%22M256%20160c25.499%200%2049.567%2010.025%2067.771%2028.229S352%20230.501%20352%20256s-10.025%2049.567-28.229%2067.771S281.499%20352%20256%20352s-49.567-10.025-67.771-28.229S160%20281.499%20160%20256s10.025-49.567%2028.229-67.771S230.501%20160%20256%20160m21.333-128h-42.666v64h42.666V32zm129.063%2043.729L368%20114.135%20397.864%20144l38.406-38.396-29.874-29.875zm-300.792%200l-29.875%2029.875L114.136%20144%20144%20114.135l-38.396-38.406zM256%20128c-70.396%200-128%2057.604-128%20128s57.604%20128%20128%20128%20128-57.604%20128-128-57.604-128-128-128zm224%20106.666h-64v42.668h64v-42.668zm-384%200H32v42.668h64v-42.668zM397.864%20368L368%20397.865l38.396%2038.406%2029.875-29.875L397.864%20368zm-283.728%200L75.73%20406.396l29.875%2029.875L144%20397.865%20114.136%20368zm163.197%2048h-42.666v64h42.666v-64z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/android-sunny.svg?color=%231a73e8&size=48
