<AnimatedEmoji>
Part of the @remotion/animated-emoji package.
available from v4.0.187
Displays an animated emoji from Google Fonts Animated Emoji.
note
Self-hosting: To load the assets, you need to copy the videos from the public folder of remotion-dev/animated-emoji into the public folder of your Remotion project.
Example
Animation.tsxtsx
Animation.tsxtsx
Props
emoji
See animated versions here.
By default, no emoji assets are included. Copy them from the public folder of @remotion/animated-emoji into the public folder of your Remotion project.
name | Preview |
|---|---|
| smile |  |
| smile-with-big-eyes |  |
| grin |  |
| grinning |  |
| laughing |  |
| grin-sweat |  |
| joy |  |
| rofl |  |
| loudly-crying |  |
| wink |  |
| kissing |  |
| kissing-smiling-eyes |  |
| kissing-closed-eyes |  |
| kissing-heart |  |
| heart-face |  |
| heart-eyes |  |
| star-struck |  |
| partying-face |  |
| melting |  |
| upside-down-face |  |
| slightly-happy |  |
| happy-cry |  |
| holding-back-tears |  |
| blush |  |
| warm-smile |  |
| relieved |  |
| smirk |  |
| drool |  |
| yum |  |
| stuck-out-tongue |  |
| squinting-tongue |  |
| winky-tongue |  |
| zany-face |  |
| woozy |  |
| pensive |  |
| pleading |  |
| grimacing |  |
| expressionless |  |
| neutral-face |  |
| mouth-none |  |
| face-in-clouds |  |
| dotted-line-face |  |
| zipper-face |  |
| salute |  |
| thinking-face |  |
| shushing-face |  |
| hand-over-mouth |  |
| smiling-eyes-with-hand-over-mouth |  |
| yawn |  |
| hug-face |  |
| peeking |  |
| screaming |  |
| raised-eyebrow |  |
| monocle |  |
| unamused |  |
| rolling-eyes |  |
| exhale |  |
| triumph |  |
| angry |  |
| rage |  |
| cursing |  |
| sad |  |
| sweat |  |
| worried |  |
| concerned |  |
| cry |  |
| big-frown |  |
| frown |  |
| diagonal-mouth |  |
| slightly-frowning |  |
| anxious-with-sweat |  |
| scared |  |
| anguished |  |
| gasp |  |
| mouth-open |  |
| surprised |  |
| astonished |  |
| flushed |  |
| mind-blown |  |
| scrunched-mouth |  |
| scrunched-eyes |  |
| weary |  |
| distraught |  |
| x-eyes |  |
| dizzy-face |  |
| shaking-face |  |
| cold-face |  |
| hot-face |  |
| sick |  |
| vomit |  |
| sleep |  |
| sleepy |  |
| sneeze |  |
| thermometer-face |  |
| bandage-face |  |
| mask |  |
| liar |  |
| halo |  |
| cowboy |  |
| money-face |  |
| nerd-face |  |
| sunglasses-face |  |
| disguise |  |
| clown |  |
| imp-smile |  |
| imp-frown |  |
| ghost |  |
| skull |  |
| jack-o-lantern |  |
| poop |  |
| robot |  |
| alien |  |
| sun-with-face |  |
| moon-face-first-quarter |  |
| moon-face-last-quarter |  |
| see-no-evil-monkey |  |
| hear-no-evil-monkey |  |
| speak-no-evil-monkey |  |
| smiley-cat |  |
| smile-cat |  |
| joy-cat |  |
| heart-eyes-cat |  |
| smirk-cat |  |
| kissing-cat |  |
| scream-cat |  |
| crying-cat-face |  |
| pouting-cat |  |
| glowing-star |  |
| sparkles |  |
| collision |  |
| fire |  |
| 100 |  |
| party-popper |  |
| red-heart |  |
| orange-heart |  |
| yellow-heart |  |
| green-heart |  |
| light-blue-heart |  |
| blue-heart |  |
| purple-heart |  |
| brown-heart |  |
| black-heart |  |
| grey-heart |  |
| white-heart |  |
| pink-heart |  |
| cupid |  |
| gift-heart |  |
| sparkling-heart |  |
| heart-grow |  |
| beating-heart |  |
| revolving-hearts |  |
| two-hearts |  |
| love-letter |  |
| heart-box |  |
| heart-exclamation-point |  |
| bandaged-heart |  |
| broken-heart |  |
| fire-heart |  |
| kiss |  |
| footprints |  |
| anatomical-heart |  |
| blood |  |
| microbe |  |
| eyes |  |
| eye |  |
| biting-lip |  |
| leg-mechanical |  |
| arm-mechanical |  |
| muscle |  |
| muscle-skin-tone-1 |  |
| muscle-skin-tone-2 |  |
| muscle-skin-tone-3 |  |
| muscle-skin-tone-4 |  |
| muscle-skin-tone-5 |  |
| clap |  |
| clap-skin-tone-1 |  |
| clap-skin-tone-2 |  |
| clap-skin-tone-3 |  |
| clap-skin-tone-4 |  |
| clap-skin-tone-5 |  |
| thumbs-up |  |
| thumbs-up-skin-tone-1 |  |
| thumbs-up-skin-tone-2 |  |
| thumbs-up-skin-tone-3 |  |
| thumbs-up-skin-tone-4 |  |
| thumbs-up-skin-tone-5 |  |
| thumbs-down |  |
| thumbs-down-skin-tone-1 |  |
| thumbs-down-skin-tone-2 |  |
| thumbs-down-skin-tone-3 |  |
| thumbs-down-skin-tone-4 |  |
| thumbs-down-skin-tone-5 |  |
| raising-hands |  |
| raising-hands-skin-tone-1 |  |
| raising-hands-skin-tone-2 |  |
| raising-hands-skin-tone-3 |  |
| raising-hands-skin-tone-4 |  |
| raising-hands-skin-tone-5 |  |
| wave |  |
| wave-skin-tone-1 |  |
| wave-skin-tone-2 |  |
| wave-skin-tone-3 |  |
| wave-skin-tone-4 |  |
| wave-skin-tone-5 |  |
| victory |  |
| victory-skin-tone-1 |  |
| victory-skin-tone-2 |  |
| victory-skin-tone-3 |  |
| victory-skin-tone-4 |  |
| victory-skin-tone-5 |  |
| crossed-fingers |  |
| crossed-fingers-skin-tone-1 |  |
| crossed-fingers-skin-tone-2 |  |
| crossed-fingers-skin-tone-3 |  |
| crossed-fingers-skin-tone-4 |  |
| crossed-fingers-skin-tone-5 |  |
| index-finger |  |
| index-finger-skin-tone-1 |  |
| index-finger-skin-tone-2 |  |
| index-finger-skin-tone-3 |  |
| index-finger-skin-tone-4 |  |
| index-finger-skin-tone-5 |  |
| folded-hands |  |
| folded-hands-skin-tone-1 |  |
| folded-hands-skin-tone-2 |  |
| folded-hands-skin-tone-3 |  |
| folded-hands-skin-tone-4 |  |
| folded-hands-skin-tone-5 |  |
| dancer-woman |  |
| dancer-woman-skin-tone-1 |  |
| dancer-woman-skin-tone-2 |  |
| dancer-woman-skin-tone-3 |  |
| dancer-woman-skin-tone-4 |  |
| dancer-woman-skin-tone-5 |  |
| rose |  |
| wilted-flower |  |
| fallen-leaf |  |
| plant |  |
| leaves |  |
| luck |  |
| snowflake |  |
| volcano |  |
| sunrise |  |
| sunrise-over-mountains |  |
| rainbow |  |
| bubbles |  |
| ocean |  |
| wind-face |  |
| tornado |  |
| electricity |  |
| droplet |  |
| rain-cloud |  |
| cloud-with-lightning |  |
| dizzy |  |
| comet |  |
| globe-showing-europe-africa |  |
| globe-showing-americas |  |
| globe-showing-asia-australia |  |
| cow-face |  |
| unicorn |  |
| lizard |  |
| dragon |  |
| t-rex |  |
| dinosaur |  |
| turtle |  |
| crocodile |  |
| snake |  |
| frog |  |
| rabbit |  |
| rat |  |
| poodle |  |
| dog |  |
| guide-dog |  |
| service-dog |  |
| pig |  |
| racehorse |  |
| donkey |  |
| ox |  |
| goat |  |
| kangaroo |  |
| tiger |  |
| monkey |  |
| gorilla |  |
| orangutan |  |
| chipmunk |  |
| otter |  |
| bat |  |
| bird |  |
| black-bird |  |
| rooster |  |
| hatching-chick |  |
| baby-chick |  |
| hatched-chick |  |
| eagle |  |
| peace |  |
| goose |  |
| peacock |  |
| seal |  |
| shark |  |
| dolphin |  |
| whale |  |
| blowfish |  |
| crab |  |
| octopus |  |
| jellyfish |  |
| spider |  |
| snail |  |
| ant |  |
| mosquito |  |
| cockroach |  |
| fly |  |
| bee |  |
| lady-bug |  |
| butterfly |  |
| bug |  |
| worm |  |
| paw-prints |  |
| tomato |  |
| cooking |  |
| spaghetti |  |
| steaming-bowl |  |
| popcorn |  |
| hot-beverage |  |
| clinking-beer-mugs |  |
| clinking-glasses |  |
| bottle-with-popping-cork |  |
| wine-glass |  |
| tropical-drink |  |
| construction |  |
| police-car-light |  |
| bicycle |  |
| flying-saucer |  |
| rocket |  |
| airplane-departure |  |
| airplane-arrival |  |
| roller-coaster |  |
| camping |  |
| confetti-ball |  |
| balloon |  |
| birthday-cake |  |
| wrapped-gift |  |
| fireworks |  |
| pinata |  |
| mirror-ball |  |
| soccer-ball |  |
| baseball |  |
| softball |  |
| tennis |  |
| badminton |  |
| lacrosse |  |
| cricket-game |  |
| field-hockey |  |
| ice-hockey |  |
| direct-hit |  |
| flying-disc |  |
| boomerang |  |
| kite |  |
| ping-pong |  |
| bowling |  |
| die |  |
| slot-machine |  |
| camera-flash |  |
| violin |  |
| drum |  |
| maracas |  |
| battery-full |  |
| battery-low |  |
| money-with-wings |  |
| balance-scale |  |
| light-bulb |  |
| graduation-cap |  |
| umbrella |  |
| gem-stone |  |
| gear |  |
| pencil |  |
| alarm-clock |  |
| bellhop-bell |  |
| bell |  |
| crystal-ball |  |
| aries |  |
| taurus |  |
| gemini |  |
| cancer |  |
| leo |  |
| virgo |  |
| libra |  |
| scorpio |  |
| sagittarius |  |
| capricorn |  |
| aquarius |  |
| pisces |  |
| ophiuchus |  |
| exclamation |  |
| question |  |
| exclamation-question-mark |  |
| exclamation-double |  |
| cross-mark |  |
| sos |  |
| phone-off |  |
| check-mark |  |
| new |  |
| free |  |
| up |  |
| cool |  |
| litter |  |
| musical-notes |  |
| plus-sign |  |
| chequered-flag |  |
| triangular-flag |  |
| black-flag |  |
| white-flag |  |
scale?
Change the resolution of the videos to load.
By default 1.
0.5 | 512x512px |
1 | 1024x1024px |
2 | 2048x2048px |
calculateSrc?
Customize the location where the videos are loaded.
This is the default function:
calculate-src.tstsxstaticFile } from "remotion";import type {CalculateEmojiSrc } from "@remotion/animated-emoji";export constdefaultCalculateEmojiSrc :CalculateEmojiSrc = ({emoji ,scale ,format ,}) => {constextension =format === "hevc" ? "mp4" : "webm";returnstaticFile (`${emoji }-${scale }x.${extension }`);};
calculate-src.tstsxstaticFile } from "remotion";import type {CalculateEmojiSrc } from "@remotion/animated-emoji";export constdefaultCalculateEmojiSrc :CalculateEmojiSrc = ({emoji ,scale ,format ,}) => {constextension =format === "hevc" ? "mp4" : "webm";returnstaticFile (`${emoji }-${scale }x.${extension }`);};