android contact icon
android-contact from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- android-contact
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
Use the android contact icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M331.08 338.205c-22.156 12.594-47.777 19.783-75.084 19.783-27.302 0-52.919-7.182-75.073-19.771C122.153 356.152 77.262 396 64 448h384c-13.255-52-58.146-91.869-116.92-109.795z" fill="currentColor"/><path d="M255.996 64c-72.871 0-131.945 59.127-131.945 132.013 0 72.887 59.074 131.972 131.945 131.972S387.941 268.9 387.941 196.013C387.941 123.127 328.867 64 255.996 64zm0 230.986c-41.958 0-77.813-25.986-92.209-62.986h184.418c-14.396 37-50.252 62.986-92.209 62.986z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonAndroidContact(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M331.08 338.205c-22.156 12.594-47.777 19.783-75.084 19.783-27.302 0-52.919-7.182-75.073-19.771C122.153 356.152 77.262 396 64 448h384c-13.255-52-58.146-91.869-116.92-109.795z" fill="currentColor"/><path d="M255.996 64c-72.871 0-131.945 59.127-131.945 132.013 0 72.887 59.074 131.972 131.945 131.972S387.941 268.9 387.941 196.013C387.941 123.127 328.867 64 255.996 64zm0 230.986c-41.958 0-77.813-25.986-92.209-62.986h184.418c-14.396 37-50.252 62.986-92.209 62.986z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M331.08 338.205c-22.156 12.594-47.777 19.783-75.084 19.783-27.302 0-52.919-7.182-75.073-19.771C122.153 356.152 77.262 396 64 448h384c-13.255-52-58.146-91.869-116.92-109.795z" fill="currentColor"/><path d="M255.996 64c-72.871 0-131.945 59.127-131.945 132.013 0 72.887 59.074 131.972 131.945 131.972S387.941 268.9 387.941 196.013C387.941 123.127 328.867 64 255.996 64zm0 230.986c-41.958 0-77.813-25.986-92.209-62.986h184.418c-14.396 37-50.252 62.986-92.209 62.986z" fill="currentColor"/></svg> </template>
CSS
.icon-android-contact {
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%22M331.08%20338.205c-22.156%2012.594-47.777%2019.783-75.084%2019.783-27.302%200-52.919-7.182-75.073-19.771C122.153%20356.152%2077.262%20396%2064%20448h384c-13.255-52-58.146-91.869-116.92-109.795z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M255.996%2064c-72.871%200-131.945%2059.127-131.945%20132.013%200%2072.887%2059.074%20131.972%20131.945%20131.972S387.941%20268.9%20387.941%20196.013C387.941%20123.127%20328.867%2064%20255.996%2064zm0%20230.986c-41.958%200-77.813-25.986-92.209-62.986h184.418c-14.396%2037-50.252%2062.986-92.209%2062.986z%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%22M331.08%20338.205c-22.156%2012.594-47.777%2019.783-75.084%2019.783-27.302%200-52.919-7.182-75.073-19.771C122.153%20356.152%2077.262%20396%2064%20448h384c-13.255-52-58.146-91.869-116.92-109.795z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M255.996%2064c-72.871%200-131.945%2059.127-131.945%20132.013%200%2072.887%2059.074%20131.972%20131.945%20131.972S387.941%20268.9%20387.941%20196.013C387.941%20123.127%20328.867%2064%20255.996%2064zm0%20230.986c-41.958%200-77.813-25.986-92.209-62.986h184.418c-14.396%2037-50.252%2062.986-92.209%2062.986z%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-contact.svg?color=%231a73e8&size=48
