emoji
<style>
/*<![CDATA[*/
:root { --primary: #ffdd00; --bg: #0d0d0d; --card: #1a1a1a; --text: #f1f1f1; --nav-bg: #151515; }
body { margin:0; font-family: 'Segoe UI', Roboto, sans-serif; background: var(--bg); color: var(--text); }
.container { max-width: 1000px; margin: auto; padding: 10px; }
.header-box { position: sticky; top: 0; z-index: 1001; background: var(--bg); padding: 10px 0; border-bottom: 1px solid #222; text-align: center; }
h1 { font-size: 1.1rem; margin: 0 0 8px; color: var(--primary); text-transform: uppercase; }
#emojiSearch { width: 85%; max-width: 250px; padding: 7px 15px; border-radius: 20px; border: 1px solid #444; background: #111; color: white; font-size: 13px; outline: none; }
.nav-bar { display: flex; overflow-x: auto; gap: 5px; padding: 8px 5px; background: var(--nav-bg); position: sticky; top: 62px; z-index: 1000; border-bottom: 1px solid #333; }
.nav-item { white-space: nowrap; padding: 4px 10px; background: #222; border-radius: 12px; font-size: 10.5px; cursor: pointer; text-decoration: none; color: #ccc; border: 1px solid #333; }
.nav-item:hover { background: var(--primary); color: #000; }
.emoji-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(45px, 1fr)); gap: 4px; }
.emoji-item { cursor: pointer; height: 45px; display: flex; align-items: center; justify-content: center; background: var(--card); border-radius: 5px; border: 1px solid #222; font-size: 22px; transition: 0.1s; }
.emoji-item:hover { background: #333; transform: scale(1.1); border-color: var(--primary); }
img.emoji { width: 26px !important; height: 26px !important; }
.toast { position: fixed; top: 15px; left: 50%; transform: translateX(-50%); background: var(--primary); color: #000; padding: 8px 25px; border-radius: 30px; font-weight: bold; display: none; z-index: 9999; font-size: 14px; }
/*]]>*/
</style>
<div class="toast" id="toast">Copied! ✅</div>
<div class="header-box">
<h1>Emoji Copy Paste</h1>
<input type="text" id="emojiSearch" placeholder="Search emojis..."/>
</div>
<div class="nav-bar">
<a href="#smileys" class="nav-item">๐ Smileys</a>
<a href="#animals" class="nav-item">๐ถ Animals</a>
<a href="#food" class="nav-item">๐ Food</a>
<a href="#activity" class="nav-item">⚽ Activity</a>
<a href="#travel" class="nav-item">๐ Travel</a>
<a href="#objects" class="nav-item">๐ก Objects</a>
<a href="#symbols" class="nav-item">❤️ Symbols</a>
<a href="#flags" class="nav-item">๐ฉ Flags</a>
</div>
<div class="container" id="main-content">
<section id="smileys"><h2>Smileys & People</h2><div class="emoji-grid" id="grid-smileys"></div></section>
<section id="animals"><h2>Animals & Nature</h2><div class="emoji-grid" id="grid-animals"></div></section>
<section id="food"><h2>Food & Drink</h2><div class="emoji-grid" id="grid-food"></div></section>
<section id="activity"><h2>Activity</h2><div class="emoji-grid" id="grid-activity"></div></section>
<section id="travel"><h2>Travel & Places</h2><div class="emoji-grid" id="grid-travel"></div></section>
<section id="objects"><h2>Objects</h2><div class="emoji-grid" id="grid-objects"></div></section>
<section id="symbols"><h2>Symbols</h2><div class="emoji-grid" id="grid-symbols"></div></section>
<section id="flags"><h2>Flags</h2><div class="emoji-grid" id="grid-flags"></div></section>
</div>
<script src="https://cdn.jsdelivr.net/npm/@twemoji/api@15.1.0/dist/twemoji.min.js"></script>
<script type="text/javascript">
//<![CDATA[
const emojiData = {
"smileys":["๐","๐","๐","๐","๐","๐ ","๐คฃ","๐","๐","๐","๐ซ ","๐","๐","๐","๐ฅฐ","๐","๐คฉ","๐","๐","๐","๐","๐คช","๐","๐ค","๐ค","๐คญ","๐ซข","๐ซฃ","๐คซ","๐ค","๐ซก","๐ค","๐คจ","๐","๐","๐ถ","๐ซฅ","๐","๐","๐","๐ฌ","๐ฎ๐จ","๐คฅ","๐ซจ","๐","๐","๐ช","๐คค","๐ด","๐ท","๐ค","๐ค","๐คข","๐คฎ","๐คง","๐ฅต","๐ฅถ","๐ฅด","๐ต","๐ต๐ซ","๐คฏ","๐ค ","๐ฅณ","๐ฅธ","๐","๐ค","๐ง","๐","๐ซค","๐","๐","☹️","๐ฎ","๐ฏ","๐ฒ","๐ณ","๐ฅบ","๐ฅน","๐ฆ","๐ง","๐จ","๐ฐ","๐ฅ","๐ข","๐ญ","๐ฑ","๐","๐ฃ","๐","๐","๐ฉ","๐ซ","๐ฅฑ","๐ค","๐ก","๐ ","๐คฌ","๐","๐ฟ","๐","☠️","๐ฉ","๐คก","๐น","๐บ","๐ป","๐ฝ","๐พ","๐ค","๐บ","๐ธ","๐น","๐ป","๐ผ","๐ฝ","๐","๐ฟ","๐พ","๐","๐ค","๐️","✋","๐","๐","๐ค","๐ค","✌️","๐ค","๐ซฐ","๐ค","๐ค","๐ค","๐","๐","๐","๐","๐","☝️","๐","๐","✊","๐","๐ค","๐ค","๐","๐","๐","๐คฒ","๐ค","๐","✍️","๐ ","๐คณ","๐ช","๐ฆพ","๐ฆต","๐ฆฟ","๐ฆถ","๐ฃ","๐","๐ฆป","๐","๐ง ","๐ซ","๐ซ","๐ฆท","๐ฆด","๐","๐️","๐ ","๐","๐ซฆ","๐","๐ถ","๐ง","๐ฆ","๐ง","๐ง","๐จ","๐ฉ","๐ต","๐ด","๐ฎ","๐ท","๐ต️","๐คด","๐ธ","๐ ","๐คถ","๐ง","๐ง","๐ง","๐ง","๐ง","๐ง","๐คฑ","๐คฐ","๐","๐บ","๐ฏ","๐ถ","๐","๐ซ","๐ฌ","๐ญ","๐ช"],
"animals":["๐ถ","๐ฑ","๐ญ","๐น","๐ฐ","๐ฆ","๐ป","๐ผ","๐จ","๐ฏ","๐ฆ","๐ฎ","๐ท","๐ฝ","๐ธ","๐ต","๐","๐","๐","๐","๐","๐ง","๐ฆ","๐ค","๐ฃ","๐ฅ","๐ฆ","๐ฆ ","๐ฆ","๐ฆ","๐บ","๐","๐ด","๐ฆ","๐ซ","๐","๐","๐ฆ","๐","๐","๐","๐ท️","๐ธ️","๐ฆ","๐ข","๐","๐ฆ","๐ฆ","๐ฆ","๐","๐ฆ","๐ฆ","๐ฆ","๐ฆ","๐ก","๐ ","๐","๐ฌ","๐ณ","๐","๐ฆ","๐","๐ ","๐","๐ฆ","๐ฆ","๐ฆง","๐","๐ฆ","๐ฆ","๐ช","๐ซ","๐ฆ","๐ฆ","๐","๐","๐","๐","๐","๐ฆ","๐","๐","๐","๐ฆ","๐ฆ","๐ฆ","๐ฆข","๐ฆฉ","๐️","๐","๐ฆ","๐ฆจ","๐ฆก","๐ฆฆ","๐ฆฅ","๐","๐","๐ฟ️","๐ฆ","๐พ","๐","๐ฒ","๐ต","๐","๐ฒ","๐ณ","๐ด","๐ฑ","๐ฟ","☘️","๐","๐","๐","๐","๐","๐","๐ชจ","๐พ","๐","๐ท","๐น","๐ฅ","๐บ","๐ธ","๐ผ","๐ป","๐","๐","๐","๐","๐","๐","๐ช","๐ซ","⭐","๐","✨","⚡️","๐ฅ","๐ฅ","๐ช️","๐","☀️","๐ค️","⛅","☁️","๐ง️","⛈️","❄️","๐"],
"food":["๐","๐","๐","๐","๐","๐","๐","๐","๐","๐ซ","๐","๐","๐","๐ฅญ","๐","๐ฅฅ","๐ฅ","๐ ","๐","๐ฅ","๐ฅฆ","๐ฅฌ","๐ฅ","๐ถ️","๐ฝ","๐ฅ","๐ง","๐ง ","๐ฅ","๐ ","๐ฅ","๐ฅฏ","๐","๐ฅ","๐ฅจ","๐ง","๐ฅ","๐ณ","๐ง","๐ฅ","๐ง","๐ฅ","๐ฅฉ","๐","๐","๐ฆด","๐ญ","๐","๐","๐","๐ฅช","๐ฎ","๐ฏ","๐ฅ","๐ฅ","๐ฒ","๐ฅฃ","๐","๐","๐ฒ","๐","๐ฃ","๐ฑ","๐ฅ","๐ค","๐","๐","๐","๐ฅ","๐ฅ ","๐ฅฎ","๐ข","๐ก","๐ง","๐จ","๐ฆ","๐ฅง","๐ง","๐ฐ","๐","๐ฎ","๐ญ","๐ฌ","๐ซ","๐ฟ","๐ฉ","๐ช","๐ฐ","๐ฅ","๐ฏ","๐ฅ","๐ผ","☕","๐ต","๐ง","๐ง","๐ฅค","๐ง","๐ถ","๐บ","๐ป","๐ฅ","๐ท","๐ฅ","๐ธ","๐น","๐พ","๐ง","๐ฅ","๐ด","๐ฝ️","๐ง"],
"activity":["⚽","๐","๐","⚾","๐ฅ","๐พ","๐","๐","๐ฅ","๐ฑ","๐","๐ธ","๐","๐","๐ฅ","๐","๐ฅ ","⛳","๐ช","๐น","๐ฃ","๐คฟ","๐ฅ","๐ฅ","๐ฝ","skateboard","⛸️","๐ฟ","⛷️","๐","๐ช","๐️","๐คผ","๐คธ","⛹️","๐คบ","๐คพ","๐️","๐","๐ง","๐","๐","๐คฝ","๐ฃ","๐ง","๐ต","๐ด","๐","๐ฅ","๐ฅ","๐ฅ","๐ ","๐️","๐ซ","๐️","๐ช","๐ญ","๐จ","๐ฌ","๐ค","๐ง","๐ผ","๐น","๐ฅ","๐ท","๐บ","๐ธ","๐ป","๐ฒ","♟️","๐ฏ","๐ณ","๐ฎ","๐ฐ","๐งฉ"],
"travel":["๐","๐","๐","๐","๐️","๐","๐","๐","๐","๐","๐","๐","๐ต","๐ฒ","๐ด","๐จ","๐ฅ","๐ฆ","๐","๐ง","⚓","⛵","๐ค","๐ณ️","⛴️","๐ข","✈️","๐ซ","๐ฌ","๐","๐","๐ธ","๐️","๐งณ","⌛","⏳","⌚","⏰","⏱️","๐ฐ️","๐ก️","๐ ","๐ก","๐ข","๐ฃ","๐ค","๐ฅ","๐ฆ","๐จ","๐ช","๐ซ","๐ฉ","๐","๐️","⛪","๐","๐","๐","⛩️","๐ค️","๐ฃ️","๐พ","๐️","๐ ","๐","๐ ","๐","๐","๐","๐","๐️","๐","๐","๐","๐"],
"objects":["⌚","๐ฑ","๐ป","⌨️","๐ฅ️","๐จ️","๐ฑ️","๐น️","๐ท","๐ธ","๐น","๐ฅ","๐ฝ️","๐","☎️","๐บ","๐ป","๐️","๐งญ","๐","๐","๐ก","๐ฆ","๐ฏ️","๐ธ","๐ต","๐ด","๐ถ","๐ท","๐ช","๐ฐ","๐ณ","๐","⚖️","๐จ","๐ง","๐ ️","⛏️","๐ซ","๐ฃ","๐งจ","๐ช","๐ช","๐ก️","⚔️","๐ก️","๐ฌ","⚰️","๐ชฆ","๐บ","๐ฎ","๐ฟ","๐งฟ","๐","⚗️","๐ญ","๐ฌ","๐ณ️","๐","๐","๐ฉธ","๐งฌ","๐ฆ ","๐งผ","๐ชฅ","๐ช","๐งฝ","๐️","๐","๐️","๐ช","๐ช","๐️","๐️","๐งธ","๐ผ️","๐ช","๐","๐","๐","๐","๐","๐","✉️","๐ฉ","๐จ","๐ง","๐","๐ฅ","๐ค","๐ฆ","๐ท️","๐ซ","๐ช","๐ฌ","๐ญ","๐ฎ","๐","๐","๐","๐","๐","๐","๐️","๐️","๐ ","๐️","๐","๐","๐","๐️","๐ฐ","๐","๐","๐","๐","๐","๐","๐","๐","๐","๐","๐","๐","๐️","๐","๐","๐","๐","✂️","๐️","๐️","✒️","๐️","๐️","๐","✏️","๐","๐","๐","๐","๐","๐"],
"symbols":["⬅️","➡️","⬆️","⬇️","↗️","↘️","↙️","↖️","↕️","↔️","↩️","↪️","⤴️","⤵️","๐","๐","๐","๐","๐","๐","๐","๐ผ","๐ฝ","◀️","▶️","⏫","⏬","⏪","⏩","❤️","๐ฉท","๐งก","๐","๐","๐ฉต","๐","๐","๐ค","๐ฉถ","๐ค","๐ค","๐","❤️๐ฅ","❤️๐ฉน","❣️","๐","๐","๐","๐","๐","๐","๐","๐","☮️","✝️","☪️","๐️","☸️","✡️","๐ฏ","๐","☯️","☦️","๐","♈","♉","♊","♋","♌","♍","♎","♏","♐","♑","♒","♓","๐","⚛️","☢️","☣️","๐ด","๐ณ","๐ถ","๐","๐","๐ฎ","๐","㊙️","㊗️","๐ ฐ️","๐ ฑ️","๐","๐","๐ พ️","๐","❌","⭕","๐","⛔","๐","๐ซ","๐ฏ","๐ข","♨️","❗","❕","❓","❔","‼️","⁉️","๐ ","๐","⚠️","๐ฑ","⚜️","๐ฐ","♻️","✅","๐ฏ","๐น","❇️","✳️","❎","๐","๐ ","Ⓜ️","๐","๐ค","๐ง","๐พ","♿","๐ ฟ️","๐","๐️","๐","๐","๐","๐ ","๐น","๐บ","๐ผ","๐ป","๐ฎ","๐ฆ","๐ถ","๐","๐ฃ","โน️","๐ค","๐ก","๐ ","๐","๐","๐","๐","๐","๐","0️⃣","1️⃣","2️⃣","3️⃣","4️⃣","5️⃣","6️⃣","7️⃣","8️⃣","9️⃣","๐","๐ข","#️⃣","*️⃣","๐ต","๐ถ","➕","➖","➗","✖️","♾️","๐ฒ","๐ฑ","™️","©️","®️","〰️","➰","➿","✔️","☑️","๐","⚪","⚫","๐ด","๐ต","๐ค","๐ฃ","๐ข","๐ก","๐ ","๐ฅ","๐ฆ","๐ง","๐จ","๐ฉ","๐ช","๐ซ","⬛","⬜"],
"flags":["๐","๐ฉ","๐","๐ด","๐ณ️","๐ณ️๐","๐ณ️⚧️","๐ด☠️","๐บ๐ณ","๐ฆ๐ซ","๐ฆ๐ฝ","๐ฆ๐ฑ","๐ฉ๐ฟ","๐ฆ๐ธ","๐ฆ๐ฉ","๐ฆ๐ด","๐ฆ๐ฎ","๐ฆ๐ถ","๐ฆ๐ฌ","๐ฆ๐ท","๐ฆ๐ฒ","๐ฆ๐ผ","๐ฆ๐บ","๐ฆ๐น","๐ฆ๐ฟ","๐ง๐ธ","๐ง๐ญ","๐ง๐ฉ","๐ง๐ง","๐ง๐พ","๐ง๐ช","๐ง๐ฟ","๐ง๐ฏ","๐ง๐ฒ","๐ง๐น","๐ง๐ด","๐ง๐ฆ","๐ง๐ผ","๐ง๐ท","๐ฎ๐ด","๐ป๐ฌ","๐ง๐ณ","๐ง๐ฌ","๐ง๐ซ","๐ง๐ฎ","๐ฐ๐ญ","๐จ๐ฒ","๐จ๐ฆ","๐ฎ๐จ","๐จ๐ป","๐ง็ต","๐ฐ๐พ","๐จ๐ซ","๐น๐ฉ","๐จ๐ฑ","๐จ๐ณ","๐จ๐ฝ","๐จ๐จ","๐จ๐ด","๐ฐ๐ฒ","๐จ๐ฌ","๐จ๐ฉ","๐จ๐ฐ","๐จ๐ท","๐จ๐ฎ","๐ญ๐ท","๐จ๐บ","๐จ๐ผ","๐จ๐พ","๐จ๐ฟ","๐ฉ๐ฐ","๐ฉ๐ฏ","๐ฉ๐ฒ","๐ฉ๐ด","๐ช๐จ","๐ช๐ฌ","๐ธ๐ป","๐ฌ๐ถ","๐ช๐ท","๐ช๐ช","๐ช๐น","๐ช๐บ","๐ซ๐ฐ","๐ซ๐ด","๐ซ๐ฏ","๐ซ๐ฎ","๐ซ๐ท","๐ฌ๐ฆ","๐ฌ๐ฒ","๐ฌ๐ช","๐ฉ๐ช","๐ฌ๐ญ","๐ฌ๐ฎ","๐ฌ๐ท","๐ฌ๐ฑ","๐ฌ๐ฉ","๐ฌ๐บ","๐ฌ๐น","๐ฌ๐ฌ","๐ฌ๐ณ","๐ฌ๐ผ","๐ฌ๐พ","๐ญ๐น","๐ญ๐ณ","๐ญ๐ฐ","๐ญ๐บ","๐ฎ๐ธ","๐ฎ๐ณ","๐ฎ๐ฉ","๐ฎ๐ท","๐ฎ๐ถ","๐ฎ๐ช","๐ฎ๐ฒ","๐ฎ๐ฑ","๐ฎ๐น","๐ฏ๐ฒ","๐ฏ๐ต","๐ฏ๐ช","๐ฏ๐ด","๐ฐ๐ฟ","๐ฐ๐ช","๐ฐ๐ฎ","๐ฝ๐ฐ","๐ฐ๐ผ","๐ฐ๐ฌ","๐ฑ๐ฆ","๐ฑ๐ป","๐ฑ๐ง","๐ฑ๐ธ","๐ฑ๐ท","๐ฑ๐พ","๐ฑ๐ฎ","๐ฑ๐น","๐ฑ๐บ","๐ฒ๐ด","๐ฒ๐ฐ","๐ฒ๐ฌ","๐ฒ๐ผ","๐ฒ๐พ","๐ฒ๐ป","๐ฒ๐ฑ","๐ฒ๐น","๐ฒ๐ญ","๐ฒ๐ถ","๐ฒ๐ท","๐ฒ๐บ","๐พ๐น","๐ฒ๐ฝ","๐ซ๐ฒ","๐ฒ๐ฉ","๐ฒ๐จ","๐ฒ๐ณ","๐ฒ๐ช","๐ฒ๐ธ","๐ฒ๐ฆ","๐ฒ๐ฟ","๐ฒ๐ฒ","๐ณ๐ฆ","๐ณ๐ท","๐ณ๐ต","๐ณ๐ฑ","๐ณ๐จ","๐ณ๐ฟ","๐ณ๐ฎ","๐ณ๐ช","๐ณ๐ฌ","๐ณ๐บ","๐ณ๐ซ","๐ฐ๐ต","๐ฒ๐ต","๐ณ๐ด","๐ด๐ฒ","๐ต๐ฐ","๐ต๐ผ","๐ต๐ธ","๐ต๐ฆ","๐ต๐ฌ","๐ต๐พ","๐ต๐ช","๐ต๐ญ","๐ต๐ณ","๐ต๐ฑ","๐ต๐น","๐ต๐ท","๐ถ๐ฆ","๐ท๐ช","๐ท๐ด","๐ท๐บ","๐ท๐ผ","๐ผ๐ธ","๐ธ๐ฒ","๐ธ๐น","๐ธ๐ฆ","๐ธ๐ณ","๐ท๐ธ","๐ธ๐จ","๐ธ๐ฑ","๐ธ๐ฌ","๐ธ๐ฝ","๐ธ๐ฐ","๐ธ๐ฎ","๐ฌ๐ธ","๐ธ๐ง","๐ธ๐ด","๐ฟ๐ฆ","๐ฐ๐ท","๐ธ๐ธ","๐ช๐ธ","๐ฑ๐ฐ","๐ง๐ฑ","๐ธ๐ญ","๐ฐ๐ณ","๐ฑ๐จ","๐ต๐ฒ","๐ป๐จ","๐ธ๐ฉ","๐ธ๐ท","๐ธ๐ฟ","๐ธ๐ช","๐จ๐ญ","๐ธ๐พ","๐น๐ผ","๐น๐ฏ","๐น๐ฟ","๐น๐ญ","๐น๐ฑ","๐น๐ฌ","๐น๐ฐ","๐น๐ด","๐น๐น","๐น๐ณ","๐น๐ท","๐น๐ฒ","๐น๐จ","๐ป๐ฎ","๐น๐ป","๐บ๐ฌ","๐บ๐ฆ","๐ฆ๐ช","๐ฌ๐ง","๐ด๓ ง๓ ข๓ ฅ๓ ฎ้ฑ๓ ฟ","๐ด๓ ง๓ ข๓ ณ๓ ฃ๓ ด๓ ฟ","๐ด๓ ง๓ ข๓ ท๓ ฌ๓ ฟ","๐บ๐ธ","๐บ๐พ","๐บ๐ฟ","๐ป๐บ","๐ป๐ฆ","๐ป๐ช","๐ป๐ณ","๐ผ๐ซ","๐ช๐ญ","๐พ๐ช","๐ฟ๐ฒ","๐ฟ๐ผ"]
};
function render(filter = "") {
Object.keys(emojiData).forEach(cat => {
const grid = document.getElementById('grid-' + cat);
if(!grid) return;
grid.innerHTML = "";
emojiData[cat].forEach(emoji => {
if (!filter || emoji.includes(filter)) {
const div = document.createElement('div');
div.className = 'emoji-item';
div.innerText = emoji;
div.onclick = () => {
const el = document.createElement('textarea');
el.value = emoji;
document.body.appendChild(el);
el.select();
document.execCommand('copy');
document.body.removeChild(el);
const toast = document.getElementById('toast');
toast.style.display = 'block';
setTimeout(() => { toast.style.display = 'none'; }, 1500);
};
grid.appendChild(div);
}
});
});
if(window.twemoji) twemoji.parse(document.getElementById('main-content'));
}
document.getElementById('emojiSearch').oninput = (e) => render(e.target.value);
window.onload = () => { render(); if(window.twemoji) twemoji.parse(document.body); };
//]]>
</script>