android favorite icon
android-favorite-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- android-favorite-outline
- Set
- IonIcons
- Style
- Outline
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
Use the android favorite icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M349.6 64c-36.4 0-70.718 16.742-93.6 43.947C233.117 80.742 198.8 64 162.4 64 97.918 64 48 114.221 48 179.095c0 79.516 70.718 143.348 177.836 241.694L256 448l30.164-27.211C393.281 322.442 464 258.61 464 179.095 464 114.221 414.082 64 349.6 64zm-80.764 329.257l-4.219 3.873-8.617 7.773-8.616-7.772-4.214-3.869c-50.418-46.282-93.961-86.254-122.746-121.994C92.467 236.555 80 208.128 80 179.095c0-22.865 8.422-43.931 23.715-59.316C118.957 104.445 139.798 96 162.4 96c26.134 0 51.97 12.167 69.11 32.545L256 157.661l24.489-29.116C297.63 108.167 323.465 96 349.6 96c22.603 0 43.443 8.445 58.686 23.778C423.578 135.164 432 156.229 432 179.095c0 29.033-12.467 57.459-40.422 92.171-28.784 35.74-72.325 75.709-122.742 121.991z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonAndroidFavoriteOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M349.6 64c-36.4 0-70.718 16.742-93.6 43.947C233.117 80.742 198.8 64 162.4 64 97.918 64 48 114.221 48 179.095c0 79.516 70.718 143.348 177.836 241.694L256 448l30.164-27.211C393.281 322.442 464 258.61 464 179.095 464 114.221 414.082 64 349.6 64zm-80.764 329.257l-4.219 3.873-8.617 7.773-8.616-7.772-4.214-3.869c-50.418-46.282-93.961-86.254-122.746-121.994C92.467 236.555 80 208.128 80 179.095c0-22.865 8.422-43.931 23.715-59.316C118.957 104.445 139.798 96 162.4 96c26.134 0 51.97 12.167 69.11 32.545L256 157.661l24.489-29.116C297.63 108.167 323.465 96 349.6 96c22.603 0 43.443 8.445 58.686 23.778C423.578 135.164 432 156.229 432 179.095c0 29.033-12.467 57.459-40.422 92.171-28.784 35.74-72.325 75.709-122.742 121.991z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M349.6 64c-36.4 0-70.718 16.742-93.6 43.947C233.117 80.742 198.8 64 162.4 64 97.918 64 48 114.221 48 179.095c0 79.516 70.718 143.348 177.836 241.694L256 448l30.164-27.211C393.281 322.442 464 258.61 464 179.095 464 114.221 414.082 64 349.6 64zm-80.764 329.257l-4.219 3.873-8.617 7.773-8.616-7.772-4.214-3.869c-50.418-46.282-93.961-86.254-122.746-121.994C92.467 236.555 80 208.128 80 179.095c0-22.865 8.422-43.931 23.715-59.316C118.957 104.445 139.798 96 162.4 96c26.134 0 51.97 12.167 69.11 32.545L256 157.661l24.489-29.116C297.63 108.167 323.465 96 349.6 96c22.603 0 43.443 8.445 58.686 23.778C423.578 135.164 432 156.229 432 179.095c0 29.033-12.467 57.459-40.422 92.171-28.784 35.74-72.325 75.709-122.742 121.991z" fill="currentColor"/></svg> </template>
CSS
.icon-android-favorite-outline {
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%22M349.6%2064c-36.4%200-70.718%2016.742-93.6%2043.947C233.117%2080.742%20198.8%2064%20162.4%2064%2097.918%2064%2048%20114.221%2048%20179.095c0%2079.516%2070.718%20143.348%20177.836%20241.694L256%20448l30.164-27.211C393.281%20322.442%20464%20258.61%20464%20179.095%20464%20114.221%20414.082%2064%20349.6%2064zm-80.764%20329.257l-4.219%203.873-8.617%207.773-8.616-7.772-4.214-3.869c-50.418-46.282-93.961-86.254-122.746-121.994C92.467%20236.555%2080%20208.128%2080%20179.095c0-22.865%208.422-43.931%2023.715-59.316C118.957%20104.445%20139.798%2096%20162.4%2096c26.134%200%2051.97%2012.167%2069.11%2032.545L256%20157.661l24.489-29.116C297.63%20108.167%20323.465%2096%20349.6%2096c22.603%200%2043.443%208.445%2058.686%2023.778C423.578%20135.164%20432%20156.229%20432%20179.095c0%2029.033-12.467%2057.459-40.422%2092.171-28.784%2035.74-72.325%2075.709-122.742%20121.991z%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%22M349.6%2064c-36.4%200-70.718%2016.742-93.6%2043.947C233.117%2080.742%20198.8%2064%20162.4%2064%2097.918%2064%2048%20114.221%2048%20179.095c0%2079.516%2070.718%20143.348%20177.836%20241.694L256%20448l30.164-27.211C393.281%20322.442%20464%20258.61%20464%20179.095%20464%20114.221%20414.082%2064%20349.6%2064zm-80.764%20329.257l-4.219%203.873-8.617%207.773-8.616-7.772-4.214-3.869c-50.418-46.282-93.961-86.254-122.746-121.994C92.467%20236.555%2080%20208.128%2080%20179.095c0-22.865%208.422-43.931%2023.715-59.316C118.957%20104.445%20139.798%2096%20162.4%2096c26.134%200%2051.97%2012.167%2069.11%2032.545L256%20157.661l24.489-29.116C297.63%20108.167%20323.465%2096%20349.6%2096c22.603%200%2043.443%208.445%2058.686%2023.778C423.578%20135.164%20432%20156.229%20432%20179.095c0%2029.033-12.467%2057.459-40.422%2092.171-28.784%2035.74-72.325%2075.709-122.742%20121.991z%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-favorite-outline.svg?color=%231a73e8&size=48
