Microsoft Open Sources its 3D Fluent Emoji Library


  • Staff
Why we’re excited to freely share our emoji for you to remix

1*bV11ShwZYOvvvQCfxC6tDA.png


🤣😭😍🤬
Whatever the moment calls for, there’s an emoji for that. Overcoming language barriers, communicating nuance or humor, softening feedback that might otherwise sound harsh — if all the world’s a digital stage, the 21st century players are emoji.

These essential communicators have become so important that we refreshed our entire emoji library last year as part of ongoing efforts to make Microsoft 365 a more expressive ecosystem than ever before. But what’s even better than a vibrant array of refreshed emoji? A vibrant array of open-source emoji!

Starting today, you can open source most of our emoji library on in Figma and on Github 🥳. There are some exceptions (the fine print is below), but there’s a veritable smorgasbord of emoji for you to go build with — and build on.

1*GSOYbblM-1CDCxux7CZuHw.png

Showing the 1500+ emoji that are now available in the GitHub repository.

Stop Hiding Your Homework
Last year, I wrote about how we’re (thankfully) moving past old-school professionalism. As the pandemic upended the idea of leaving our “home selves” at home, it normalized our ability to emotively and authentically express ourselves in work contexts. It’s why we doubled down on things like live reactions in Teams and created a colorful swath of new stickers, backgrounds, themes, and emoji to use throughout the Microsoft 365 ecosystem.

Also currently shifting are professional processes, like the closed and hierarchical norms that once defined product development. That’s what makes open-sourced UX culture so interesting — and so aligned with our own design philosophy of designing in the open. I’ve seen firsthand how it’s transformed our culture and products. As a creative professional, few things are more rewarding than delivering experiences that help people connect, collaborate, and create.

1*a2mybVWF0zLx3iCxSG3enQ.png

Tweak emoji to get the party started.

Jointly jamming is how good becomes great, how we keep ourselves humble, and open source is an incredible pathway to do that at scale. Now, does this eradicate trade secrets? Of course not. We can’t put lawyers wholly out of business 😉. But are we in the era of making sure nobody copies our homework and keeping all cards close to our chest? Not by a long shot and one powerful result is the democratization of creator experiences.

1*nX4h4dDCXRraIHmN_18VAg.png

Here are the Unicode skin tones. Imagine all the shades in between.

Breaking out of the Fitzpatrick Scale
When we say collaborating at scale, we mean it at the most global of levels. An incredible team of designers and engineers spent over a year ensuring our emoji could be used in any needed format. Just as closed caption comes in different languages, emoji must exist as a SVG, PNG, and JPG file to enable true versatility. And for each of those, a vector, flat, and monochrome version should be created for scale and flexibility.

That’s no small feat when you’re talking about 1,538 emoji, but we wanted to ensure that every creator can build experiences that serve their community’s needs. This especially applies to developers and audiences who haven’t been historically included. A headdress, an Afro, a sari — enabling the world’s majority (aka Black and Brown people) to express themselves how they want, to whom they want, and when they want is not just powerful, but necessary.

Take skin tone, for example. With emoji, our industry celebrated inclusion when the prescribed yellow Unicode skin tone was expanded to include the six skin tones in the Fitzpatrick scale. Developed in 1975 by dermatologist Thomas Fitzpatrick, the scale classifies skin tone based on tolerance to sunlight. It was eventually applied to emoji as a way of creating inclusion and even as a great first step, it’s still prescriptive. It says here, you adhere to what we deem a helpful inclusive spectrum. Isn’t it better to build tools and support experiences that let people design their own spectrum?

Breaking out of the Fitzpatrick scale was one of our motivations for releasing our open-source Fluent emoji, but it goes well beyond physical attributes. Culture, religion, sexual orientation, politics, food — nobody knows your contexts and realities better than you and given how important emoji are in the realm of digital expression, we wanted to make them widely available for use.

Empowering creators to build great experiences is something Microsoft writ large is committed to. Our recently previewed express design power apps bring beautiful design to low and no code scenarios, and stay tuned for additional creator experiences rolling out this Fall.

The Fine Print
I don’t want to sugarcoat, so let’s start with the bad news: Clippy isn’t included in the open source emoji set 😩. I know, and I’d personally love to but due to (legal speak, legal speak, legal speak), we can’t open-source trademarks. For the same reason, our country flags, video game, and technologist emoji also won’t be available.

That said, there are 1500+ available for you, including your favorites, like 😂😎✌️and ❤️.

1*IblKWJxDvQLqGuxEpCAeYQ.png

Get cheeky anyway you want.

Open Source Like an Artist
Part of what made Austin Kleon’s book Steal Like An Artist a cult classic is that it debunks the myth of the lone genius and champions the power of open collaboration. Even if we’re not consciously aware of it, every idea is influenced by something. With emoji, they were invented by Shigetaka Kurita in 1999 but evolved from part of Japan’s longstanding tradition of picture making — woodblock prints, illustrations, anime, and more — dating back to the Edo period in the 1600’s.

There’s power in recognizing, honoring, and building on the work of others. This belief is why we acquired GitHub, why we love collaborating with Figma, and why we’re open sourcing our emoji. Our creator community is infinitely imaginative, and we can’t wait to see how you break boundaries, remix our designs, and take the Fluent emoji to places we can’t foresee.

Source:
 
:party: Congrats :clap:

ss1.jpg

I was reading the article on Medium (@microsoft.design), and I am going to share my first modded versions: :woozy:

call-me.gif giggle-or-hee-hee.gif batting-eyelashes.gif kiss.gif blushing.gif rolling-on-the-floor-laughing.gif
 

My Computer

System One

  • OS
    Win 11 Enterprise
    Computer type
    Laptop
    CPU
    i7
    Hard Drives
    SSD
From Romper Room to Sesame Street? :cool:
 

My Computers

System One System Two

  • OS
    Windows 11 Canary Channel
    Computer type
    PC/Desktop
    Manufacturer/Model
    PowerSpec B746
    CPU
    Intel Core i7-10700K
    Motherboard
    ASRock Z490 Phantom Gaming 4/ax
    Memory
    16GB (8GB PC4-19200 DDR4 SDRAM x2)
    Graphics Card(s)
    NVIDIA GeForce GTX 1050 TI
    Sound Card
    Realtek Audio
    Monitor(s) Displays
    Samsung SAM0A87 Samsung SAM0D32
    Screen Resolution
    1920 x 1080
    Hard Drives
    NVMe WDC WDS100T2B0C-00PXH0 1TB
    Samsung SSD 860 EVO 1TB
    PSU
    750 Watts (62.5A)
    Case
    PowerSpec/Lian Li ATX 205
    Keyboard
    Logitech K270
    Mouse
    Logitech M185
    Browser
    Microsoft Edge and Firefox
    Antivirus
    ESET Internet Security
  • Operating System
    Windows 11 Canary Channel
    Computer type
    PC/Desktop
    Manufacturer/Model
    PowerSpec G156
    CPU
    Intel Core i5-8400 CPU @ 2.80GHz
    Motherboard
    AsusTeK Prime B360M-S
    Memory
    16 MB DDR 4-2666
    Monitor(s) Displays
    23" Speptre HDMI 75Hz
    Screen Resolution
    1920x1080
    Hard Drives
    Samsung 970 EVO 500GB NVMe
    Mouse
    Logitek M185
    Keyboard
    Logitek K270
    Browser
    Firefox, Edge and Edge Canary
    Antivirus
    Windows Defender
I wanna see someone make this one...


thumbs.gif
 

My Computers

System One System Two

  • OS
    Win 11 Home ♦♦♦26100.2033 ♦♦♦♦♦♦♦24H2
    Computer type
    PC/Desktop
    Manufacturer/Model
    Built by Ghot® [May 2020]
    CPU
    AMD Ryzen 7 3700X
    Motherboard
    Asus Pro WS X570-ACE (BIOS 4702)
    Memory
    G.Skill (F4-3200C14D-16GTZKW)
    Graphics Card(s)
    EVGA RTX 2070 (08G-P4-2171-KR)
    Sound Card
    Realtek ALC1220P / ALC S1220A
    Monitor(s) Displays
    Dell U3011 30"
    Screen Resolution
    2560 x 1600
    Hard Drives
    2x Samsung 860 EVO 500GB,
    WD 4TB Black FZBX - SATA III,
    WD 8TB Black FZBX - SATA III,
    DRW-24B1ST CD/DVD Burner
    PSU
    PC Power & Cooling 750W Quad EPS12V
    Case
    Cooler Master ATCS 840 Tower
    Cooling
    CM Hyper 212 EVO (push/pull)
    Keyboard
    Ducky DK9008 Shine II Blue LED
    Mouse
    Logitech Optical M-100
    Internet Speed
    300/300
    Browser
    Firefox (latest)
    Antivirus
    Bitdefender Internet Security
    Other Info
    Speakers: Klipsch Pro Media 2.1
  • Operating System
    Windows XP Pro 32bit w/SP3
    Computer type
    PC/Desktop
    Manufacturer/Model
    Built by Ghot® (not in use)
    CPU
    AMD Athlon 64 X2 5000+ (OC'd @ 3.2Ghz)
    Motherboard
    ASUS M2N32-SLI Deluxe Wireless Edition
    Memory
    TWIN2X2048-6400C4DHX (2 x 1GB, DDR2 800)
    Graphics card(s)
    EVGA 256-P2-N758-TR GeForce 8600GT SSC
    Sound Card
    Onboard
    Monitor(s) Displays
    ViewSonic G90FB Black 19" Professional (CRT)
    Screen Resolution
    up to 2048 x 1536
    Hard Drives
    WD 36GB 10,000rpm Raptor SATA
    Seagate 80GB 7200rpm SATA
    Lite-On LTR-52246S CD/RW
    Lite-On LH-18A1P CD/DVD Burner
    PSU
    PC Power & Cooling Silencer 750 Quad EPS12V
    Case
    Generic Beige case, 80mm fans
    Cooling
    ZALMAN 9500A 92mm CPU Cooler
    Mouse
    Logitech Optical M-BT96a
    Keyboard
    Logitech Classic Keybooard 200
    Internet Speed
    300/300
    Browser
    Firefox 3.x ??
    Antivirus
    Symantec (Norton)
    Other Info
    Still assembled, still runs. Haven't turned it on for 13 years?
From Romper Room to Sesame Street? :cool:
:nope:

I wanna see someone make this one...


View attachment 36141
I love them (Yahoo!'s smileys). I am trying to replicate them! I am not familiar with Figma, but trying to bring them alive in Illy (or Figma)! I love animation emojis (not the Animoji!), a gif version of these simple emojis. They bring life to the text and transfer the mood.
 

My Computer

System One

  • OS
    Win 11 Enterprise
    Computer type
    Laptop
    CPU
    i7
    Hard Drives
    SSD
OK, so I downloaded the file, extracted its contents... now sorry if this sounds stupid, but how do I access the new emoji?
I would access the usual ones by holding down the Windows and .(dot) keys.
 

My Computer

System One

  • OS
    Windows 11 Pro (Beta Build 22635.4367)
    Computer type
    PC/Desktop
    Manufacturer/Model
    Alienware
They are just raw files (SVG,PNG formats) for modifying not to implementing in Windows. They are already in your Windows, and you can use them in Edge, Office (Microsoft ecosystem) by pressing "WinKey+." !
 

My Computer

System One

  • OS
    Win 11 Enterprise
    Computer type
    Laptop
    CPU
    i7
    Hard Drives
    SSD
They are just raw files (SVG,PNG formats) for modifying not to implementing in Windows. They are already in your Windows, and you can use them in Edge, Office (Microsoft ecosystem) by pressing "WinKey+." !

Thanks. (y)
 

My Computer

System One

  • OS
    Windows 11 Pro (Beta Build 22635.4367)
    Computer type
    PC/Desktop
    Manufacturer/Model
    Alienware

Latest Support Threads

Back
Top Bottom