selfie emoji
selfie from Fluent Emoji High Contrast by Microsoft Corporation · Default · People & Body · MIT Free for personal and commercial use.
- Name
- selfie
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- People & Body
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More people & body icons from Fluent Emoji High Contrast
anatomical-heartartistastronautbabybaby-angelbackhand-index-pointing-downbackhand-index-pointing-leftbackhand-index-pointing-upbiting-lipboneboybrainbreast-feedingbust-in-silhouettebusts-in-silhouettecall-me-handchildclapping-handsconstruction-workercookcrossed-fingersdetectiveearear-with-hearing-aid
Use the selfie emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M17 3a1 1 0 0 1 1-1h5a1 1 0 0 1 .968.75h.282a3 3 0 0 1 2.83 4a3 3 0 0 1 0 2a3 3 0 0 1-.15 2.35q.07.313.07.646v.5a3 3 0 0 1-2.75 2.99v.014h-.263c.168.412.2.886.051 1.356l-3.076 9.668c-.264 1.046-.684 2.204-1.444 3.116C18.714 30.355 17.564 31 16 31H3a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2h9.795l2-5.6h-.002l.054-.144c.074-.199.14-.374.172-.529a2.3 2.3 0 0 1-.533-.35a4.24 4.24 0 0 1-1.236-2.929V8.834a3.584 3.584 0 0 1 3.584-3.584h.13L17 5.237zm5.75 1.75a1 1 0 0 0 0 2a1 1 0 1 0 0 2a1 1 0 0 0-.063 1.998a1 1 0 0 0-.936.998V12H18a1 1 0 0 1-1-1v-1h1.1a1.375 1.375 0 1 0 0-2.75h-1.266c-.875 0-1.584.71-1.584 1.584v2.614c0 .5.25 1.552 1.5 2.052c.14.056.201.205.185.5h5.197q.117 0 .23.013c.119-.438.333-.712.638-.763h.75q.045 0 .09-.004H24a1 1 0 0 0 1-1v-.5a1 1 0 0 0-.91-.996h.16a1 1 0 1 0 0-2a1 1 0 1 0 0-2a1 1 0 1 0 0-2zM22.132 16h-5.427l-2.026 5.673A2 2 0 0 1 12.795 23H3v6h13c.936 0 1.536-.355 1.982-.89c.482-.58.812-1.407 1.048-2.352l.008-.031z"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastSelfie(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M17 3a1 1 0 0 1 1-1h5a1 1 0 0 1 .968.75h.282a3 3 0 0 1 2.83 4a3 3 0 0 1 0 2a3 3 0 0 1-.15 2.35q.07.313.07.646v.5a3 3 0 0 1-2.75 2.99v.014h-.263c.168.412.2.886.051 1.356l-3.076 9.668c-.264 1.046-.684 2.204-1.444 3.116C18.714 30.355 17.564 31 16 31H3a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2h9.795l2-5.6h-.002l.054-.144c.074-.199.14-.374.172-.529a2.3 2.3 0 0 1-.533-.35a4.24 4.24 0 0 1-1.236-2.929V8.834a3.584 3.584 0 0 1 3.584-3.584h.13L17 5.237zm5.75 1.75a1 1 0 0 0 0 2a1 1 0 1 0 0 2a1 1 0 0 0-.063 1.998a1 1 0 0 0-.936.998V12H18a1 1 0 0 1-1-1v-1h1.1a1.375 1.375 0 1 0 0-2.75h-1.266c-.875 0-1.584.71-1.584 1.584v2.614c0 .5.25 1.552 1.5 2.052c.14.056.201.205.185.5h5.197q.117 0 .23.013c.119-.438.333-.712.638-.763h.75q.045 0 .09-.004H24a1 1 0 0 0 1-1v-.5a1 1 0 0 0-.91-.996h.16a1 1 0 1 0 0-2a1 1 0 1 0 0-2a1 1 0 1 0 0-2zM22.132 16h-5.427l-2.026 5.673A2 2 0 0 1 12.795 23H3v6h13c.936 0 1.536-.355 1.982-.89c.482-.58.812-1.407 1.048-2.352l.008-.031z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M17 3a1 1 0 0 1 1-1h5a1 1 0 0 1 .968.75h.282a3 3 0 0 1 2.83 4a3 3 0 0 1 0 2a3 3 0 0 1-.15 2.35q.07.313.07.646v.5a3 3 0 0 1-2.75 2.99v.014h-.263c.168.412.2.886.051 1.356l-3.076 9.668c-.264 1.046-.684 2.204-1.444 3.116C18.714 30.355 17.564 31 16 31H3a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2h9.795l2-5.6h-.002l.054-.144c.074-.199.14-.374.172-.529a2.3 2.3 0 0 1-.533-.35a4.24 4.24 0 0 1-1.236-2.929V8.834a3.584 3.584 0 0 1 3.584-3.584h.13L17 5.237zm5.75 1.75a1 1 0 0 0 0 2a1 1 0 1 0 0 2a1 1 0 0 0-.063 1.998a1 1 0 0 0-.936.998V12H18a1 1 0 0 1-1-1v-1h1.1a1.375 1.375 0 1 0 0-2.75h-1.266c-.875 0-1.584.71-1.584 1.584v2.614c0 .5.25 1.552 1.5 2.052c.14.056.201.205.185.5h5.197q.117 0 .23.013c.119-.438.333-.712.638-.763h.75q.045 0 .09-.004H24a1 1 0 0 0 1-1v-.5a1 1 0 0 0-.91-.996h.16a1 1 0 1 0 0-2a1 1 0 1 0 0-2a1 1 0 1 0 0-2zM22.132 16h-5.427l-2.026 5.673A2 2 0 0 1 12.795 23H3v6h13c.936 0 1.536-.355 1.982-.89c.482-.58.812-1.407 1.048-2.352l.008-.031z"/></svg> </template>
CSS
.icon-selfie {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17%203a1%201%200%200%201%201-1h5a1%201%200%200%201%20.968.75h.282a3%203%200%200%201%202.83%204a3%203%200%200%201%200%202a3%203%200%200%201-.15%202.35q.07.313.07.646v.5a3%203%200%200%201-2.75%202.99v.014h-.263c.168.412.2.886.051%201.356l-3.076%209.668c-.264%201.046-.684%202.204-1.444%203.116C18.714%2030.355%2017.564%2031%2016%2031H3a2%202%200%200%201-2-2v-6a2%202%200%200%201%202-2h9.795l2-5.6h-.002l.054-.144c.074-.199.14-.374.172-.529a2.3%202.3%200%200%201-.533-.35a4.24%204.24%200%200%201-1.236-2.929V8.834a3.584%203.584%200%200%201%203.584-3.584h.13L17%205.237zm5.75%201.75a1%201%200%200%200%200%202a1%201%200%201%200%200%202a1%201%200%200%200-.063%201.998a1%201%200%200%200-.936.998V12H18a1%201%200%200%201-1-1v-1h1.1a1.375%201.375%200%201%200%200-2.75h-1.266c-.875%200-1.584.71-1.584%201.584v2.614c0%20.5.25%201.552%201.5%202.052c.14.056.201.205.185.5h5.197q.117%200%20.23.013c.119-.438.333-.712.638-.763h.75q.045%200%20.09-.004H24a1%201%200%200%200%201-1v-.5a1%201%200%200%200-.91-.996h.16a1%201%200%201%200%200-2a1%201%200%201%200%200-2a1%201%200%201%200%200-2zM22.132%2016h-5.427l-2.026%205.673A2%202%200%200%201%2012.795%2023H3v6h13c.936%200%201.536-.355%201.982-.89c.482-.58.812-1.407%201.048-2.352l.008-.031z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17%203a1%201%200%200%201%201-1h5a1%201%200%200%201%20.968.75h.282a3%203%200%200%201%202.83%204a3%203%200%200%201%200%202a3%203%200%200%201-.15%202.35q.07.313.07.646v.5a3%203%200%200%201-2.75%202.99v.014h-.263c.168.412.2.886.051%201.356l-3.076%209.668c-.264%201.046-.684%202.204-1.444%203.116C18.714%2030.355%2017.564%2031%2016%2031H3a2%202%200%200%201-2-2v-6a2%202%200%200%201%202-2h9.795l2-5.6h-.002l.054-.144c.074-.199.14-.374.172-.529a2.3%202.3%200%200%201-.533-.35a4.24%204.24%200%200%201-1.236-2.929V8.834a3.584%203.584%200%200%201%203.584-3.584h.13L17%205.237zm5.75%201.75a1%201%200%200%200%200%202a1%201%200%201%200%200%202a1%201%200%200%200-.063%201.998a1%201%200%200%200-.936.998V12H18a1%201%200%200%201-1-1v-1h1.1a1.375%201.375%200%201%200%200-2.75h-1.266c-.875%200-1.584.71-1.584%201.584v2.614c0%20.5.25%201.552%201.5%202.052c.14.056.201.205.185.5h5.197q.117%200%20.23.013c.119-.438.333-.712.638-.763h.75q.045%200%20.09-.004H24a1%201%200%200%200%201-1v-.5a1%201%200%200%200-.91-.996h.16a1%201%200%201%200%200-2a1%201%200%201%200%200-2a1%201%200%201%200%200-2zM22.132%2016h-5.427l-2.026%205.673A2%202%200%200%201%2012.795%2023H3v6h13c.936%200%201.536-.355%201.982-.89c.482-.58.812-1.407%201.048-2.352l.008-.031z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/selfie.svg?color=%231a73e8&size=48
