https://github.com/said-m/svgmoji
Chrome extension. Yet another emoji-project.
https://github.com/said-m/svgmoji
chrome emoji emojione extension joypixels noto-emoji openmoji svelte twemoji
Last synced: about 2 months ago
JSON representation
Chrome extension. Yet another emoji-project.
- Host: GitHub
- URL: https://github.com/said-m/svgmoji
- Owner: said-m
- License: mit
- Created: 2021-02-04T23:47:21.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2025-03-27T06:33:00.000Z (about 1 year ago)
- Last Synced: 2026-04-30T16:32:51.436Z (about 2 months ago)
- Topics: chrome, emoji, emojione, extension, joypixels, noto-emoji, openmoji, svelte, twemoji
- Language: TypeScript
- Homepage: https://chrome.google.com/webstore/detail/svgmoji/fkfpnaflphlcmdjbafoniiaidjcccngh
- Size: 1.34 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# SVGmoji
> Browser extension for quick access to emoji images from popular libraries
## Installation
[Add to Chrome](https://chromewebstore.google.com/detail/fkfpnaflphlcmdjbafoniiaidjcccngh)
## Features
- 🎯 Quick access to emoji images through context menu
- 🖼️ Support for multiple emoji libraries:
- **Twemoji** (Twitter Emoji)
- **Noto Color Emoji** (Google)
- **Openmoji**
- **Emojione** (Legacy)
- **JoyPixels** (PNG format)
- 📋 Copy as image or direct link
- 📜 Copy history
- 🎛️ Flexible settings
## How It Works
1. Select any text containing emoji on a webpage
2. Right-click to open the context menu
3. Click "Copy emoji image" to get the image or link
## Settings
- **Source Priority**: Choose your preferred emoji library order
- **Context Menu Mode**: Show/hide source selection in context menu
- **Copy Mode**: Toggle between copying image or direct link
- **History**: View and manage your emoji copy history
## Use Cases
- 📃 **Content Creators**: Embed always up-to-date emoji images in **Notion**, **Confluence**, or **Obsidian** pages by using direct links. Keep your documentation and notes visually appealing and synchronized with the latest emoji designs.
- 🖌️ **Designers**: Quickly copy emoji as images for use in **Figma**, **Adobe Photoshop**, or **Canva**. Enhance your designs with high-quality emoji without manual downloads.
- 🌐 **Social Media Managers**: Easily grab emoji images or links to use in social media posts, marketing materials, or community content. Ensure consistent branding across platforms.
- 🧑💻 **Developers**: Use emoji image links in your **GitHub** READMEs, project documentation, or website content. Add visual flair to your projects with minimal effort.
---
## For Developers
### Project Setup
```bash
# Install dependencies
bun install
# Start development server
bun run dev
# Build for publication
bun run zip
```
### Development Environment
- WSL (Windows Subsystem for Linux)
- Bun
- WXT (Web Extension Tools)
- Vue 3
- TypeScript
### Project Structure
```
svgmoji/
├── src/
│ ├── entrypoints/
│ │ ├── popup/
│ │ ├── background.ts
│ │ └── content.ts
│ ├── utils/
│ └── components/
└── wxt.config.ts
```
For more details, check out the [WXT documentation](https://wxt.dev).
### API Reference
Source configuration example:
```typescript
{
title: 'Twemoji',
path: 'https://raw.githubusercontent.com/twitter/twemoji/master/assets/svg',
joiner: '-',
prefix: '',
postfix: '.svg',
// Optional transform function
transform: ({ code }) => code.toUpperCase()
}
```