🎉showcase
以下为使用 fluent emoji 的 🐱、twemoji 的🔭、 twemoji 的 🍇、twemoji 的 🐈 制作的简单头像
🔢制作步骤
1️⃣ 下载 svg 格式的表情符号
知名的支持SVG格式的表情符号库有:
- Twemoji:Twemoji是由Twitter公司开发并开源的一套表情符号库,它提供了对 Unicode 标准表情符号的支持,覆盖了所有平台。这个库包含了超过3800种独特的表情符号,涵盖了各种主题和情境,如食物、动物、交通工具、情感和活动等。Twemoji 库允许用户在不同的应用和网站中轻松地集成表情符号,Twemoji Cheatsheet 提供了一个便捷的浏览界面(需要科学上网才能访问)。根据 Emojipedia的Twitter页面,Twemoji最初是在2014年由Twitter创建的一个开源表情符号项目。随着Twitter在2022年4月的私有化,Twemoji项目似乎被 X(原Twitter)停止了维护,但前Twitter员工和Discord设计团队的成员继续将其作为一个独立的开源项目 (https://github.com/jdecked/twemoji) 进行维护。2023年2月,Twemoji在移动设备上的使用停止,取而代之的是设备本身的原生表情符号设计。2024年1月,Twemoji的专用网站也被关闭,用户可以通过其他平台(如Discord和Roblox)找到Twemoji的表情符号。
- FluentUI Emoji( Fluent UI Emoji Explorer 提供了友好的界面便于浏览和检索):微软开发的一套开源表情符号库,提供了一组友好、现代且易于识别的 Emoji 图标。 这个项目包括了超过 7,505 个表情符号,以三种风格呈现:颜色、3D 和扁平化,提供高清 png 文件和 svg 源文件。所有图标都遵循官方 Emoji 设计标准,并采用 MIT 许可证,允许个人和商业用途。设计者包括 Spencer Nelson 和 Jason Custer,旨在为产品设计和界面交互添加统一的视觉元素 。具有现代化的外观和感觉,FluentUI Emoji 提供了简单直观的 API,使开发人员能够轻松地将 Emoji 组件添加到他们的应用程序中。它还支持自定义主题,允许开发人员根据应用程序的样式和需求来定制 Emoji 图标的外观和颜色。FluentUI Emoji 具有 Twemoji 兼容性层,允许使用与 Twemoji 相同的 API 。
- Noto Emoji :由Google Inc设计并开源的图标库,收录了3555个高品质的矢量图标,基于Apache 2.0开源协议,免费下载和使用。可以在 Noto Color Emoji - Google Fonts 预览 Noto 的表情符号。
- OpenMoji:面向设计师、开发人员和其他人的开源表情符号资源站,所有表情符号都可以在CC BY-SA 4.0许可证下免费使用,支持SVG和PNG格式 。
2️⃣ 编辑 svg 表情符号
使用设计资源的平台 icons8 提供的图标工具 iconizer 编辑 svg。Iconizer 提供了一系列免费的图标操作工具,可按需使用这些功能定制 svg 图标作为头像使用:
- 重新着色图标:用户可以对向量图标或其部分进行重新着色,支持使用纯色或渐变色填充。
- 添加子图标:在图标上添加一个小的附加图标,如加号、减号、警告标记等。
- 添加内边距:给图标添加内边距,可以使其更小,同时进行框架设置。
- 添加文字:在图标上放置文字,用户可以选择字体、大小和位置。
- 添加描边:给图标添加描边,可以选择描边颜色和粗细。
- 添加背景:用纯色或渐变色填充图标的背景。
- 放置在形状上:给图标添加形状背景。
- 位置调整:移动图标并根据需要调整其位置。
- 旋转:根据喜好对图标进行顺时针旋转。
📖其他相关资源
svg 图标
- SVG Logos:由Gil Barbara设计并开源的图标库,收录了1822个高品质的矢量图标,基于CC0开源协议,免费下载和使用 。
- iconfont-阿里巴巴矢量图标库:提供海量的图标资源,支持AI/SVG/PNG/代码格式下载,方便设计师和开发者使用 。
- icons8——Free Icons, Clipart Illustrations, Photos, and Music
- SVG Logos 图标库 - Yesicon
unicode
Unicode 是一个国际标准,用于统一编码、表示和处理世界上所有书写系统的文字。以下是一些关于 Unicode 的网络优质资源:
- Unicode Consortium Unicode 官方网站,提供了关于 Unicode 标准的最新信息,包括技术报告、编码图表和规范文档。
- Unicode Character Database 提供了详细的 Unicode 字符表,可以搜索和浏览各种字符和符号。
- Unicode Standard 可以下载最新的 Unicode 标准文档,了解 Unicode 的技术细节和版本更新。
- Emojityper
- UnicodePlus - Search for Unicode characters
🟦🟨🟪🟩