Creatividad y diseño, Marketing y comunicación, Wordpress

Listado completo de símbolos para tu web

¿Qué es un símbolo web?

Los símbolos web o símbolos html son bits cortos de HTML, comúnmente denominados entidades de caracteres o códigos de entidades, que se utilizan para mostrar caracteres que tienen un significado especial en HTML, así como caracteres que no aparecen en el teclado.
Los símbolos web existieron desde la aparición de los teclados electrónicos debido a las necesidades de la programación, pero se han extendido enormemente con las redes sociales tipo whatsapp, convirtiéndose casi en un nuevo lenguaje y forma de expresión.
Los símbolos web más convencionales y necesarios tienen un atajo fácil que viene indicado en nuestro teclado (Por ejemplo:  % @ €) o se realizan con combinaciones de teclas que muchos conocemos y utilizamos (Por ejemplo:  ; ) : 😉 ) , pero  la mayoría de los símbolos html son difícilmente accesibles por lo que la forma más fácil de generarlos es el básico copia/pega que todos conocemos.

Símbolos para copiar y pegar en tu web

En Marabelia (Diseño web en Valencia) nos hemos decidido a hacer un listado completo de los símbolos web, iconos web y símbolos HTML más útiles, originales e interesantes para utilizar en tu página web, mailing y redes sociales.

Sin necesidad de instalar librerías del tipo Icomoon, Font Awesome o de incrustar imágenes desde Flaticon, podemos agregar símbolos compatibles con la mayoría de navegadores y dispositivos actuales que nos resultarán especialmente útiles para las secciones de contacto y para dar vida a nuestros textos.

Para usarlos solo tienes que seleccionar el símbolo, copiarlo y pegarlo en tu sitio web. 🙂

Símbolos web para la sección de contacto

Teléfonos: ☏ ✆ ☎ ☎️ 📞 📱 📲 🤙

E-mails: ✉ @ ✐ ✎ ✍ ✏ ✒ ✉️ 📧 📨 📩 💌

Direcciones: ↙ ⬅ ↖ ⬇ ⬆ ↘ ➡ ↗📍 🗺️ 🧭 🏠 🏢 🚩 ⌖ ⊙ ◎

Horarios: ⏰ ⌚ ⏳ ⌛ ⏱️ ⏲️ ◷ ◴ ◵ ◶ 🕐 🕑 🕒 🕓 🕔 🕕 🕖 🕗 🕘 🕙 🕚 🕛

Teclas: ⌨️ ⌫ ⌦ ⏎ ⇧ ⇪ ⌘ ⌥ ⌃ ⇥ ⎋ ␣ 💻 🖥️ 🖱️ 📱 ⚙️ 🔧 🖨️

Sonidos: ♪ ♫ ♬ ♩ ♭ ♮ ♯ 🔊 🔉 🔈 🔇 🎵 🎶 🎧 🎤 📢 📣 🔔 🔕

Símbolos web para la creación de listas

Check: ☑ ✓ ✔ ✅ ☒ √ 🗸 🗹

No check: ☓ ✕ ✖ ✗ ✘ ❌ ❎ ⨯ ⊗ ⛔ 🚫

Listado: • ● ▸ ▹ ○ ■ □ ▪ ▫ ◆ ◇ ⁃ ➣ ➕ ➜ ➤ ➩ ☉ ⤷ ⋆ ◦ ⇢ ↝ ➥ ⌑ » ↠ ► ▻ → ⇒ ⇢ ❖ ✦ ✧

Preguntas frecuentes / dudas: ❗ ❕ ❓ ❔ ⁉ ‼ ⁇ ⁈

Símbolos web comunes:

Símbolos de estrellas: ★ ☆ ❇ ✳ ✢ ✣ ✥ ✦ ✩ ✫ ✭ ✯ ✱ ✵ ✷ ✹ ✸ ✶ ✴ ✰ ✮ ✬ ✪ ✧ ⋆ ⁂ ⭐ 🌟 ✨ 💫 🌠

Símbolos de flores: ✻ ✽ ❋ ✿ ❁ ❃ ❅ ❉ ❖ ❊ ❈ ❆ ❂ ❀ ✾ ✼ ✺ ✲ ✤ ⚘ 🌸 🌺 🌻 🌼 🌷 🪻 🪷 🌹 🌿 ☘ 🍀 🍃 🌱 🌾

Símbolos de corazones: ❥ ❦ ❧ ❢ ♥ ❤ ♡ ❣ ღ ❤️ 🩷 🧡 💛 💚 💙 🩵 💜 🤎 🖤 🩶 🤍 💔 💕 💞 💓 💗 💖 💘 💝

Símbolos de lunas: ☾ ☽ ◐ ◑ ◒ ◓ 🌑 🌒 🌓 🌔 🌕 🌖 🌗 🌘 🌙 🌚 🌛 🌜

Símbolos web de soles: ☀ ☼ ❂ ☉ ☀️ 🌞 🌤️ ⛅ 🌥️ 🌦️ 🌧️ ⛈️ 🌩️ 🌨️

Símbolos web de fenómenos atmosféricos: ⚡ 🌈 ☁ ☂ ☃ ❄

 

Puedes consultar también este listado completo de símbolos.

Símbolos web que nos encantan

Símbolo web de Mac: 

Símbolo web de arcoíris: 🌈

Símbolo web letra M: ℳ

Abstractos muy originales : ༄ ♨ ༼ ࿅ ໒ ◌ ⇝ ッ ┊ ϟ ◞ ◟ ᶥ ░ ༀ ༜ ࿃ ࿏ ☯ ☮ ❖ ✦

Símbolos web de patentes y registros

 ©  ℠  ®  ™ № Ⓟ ™ ⓡ

Símbolos web alfabéticos

Ⓐ Ⓑ Ⓒ Ⓓ Ⓔ Ⓕ Ⓖ Ⓗ Ⓘ Ⓙ Ⓚ Ⓛ Ⓜ Ⓝ Ⓞ Ⓟ Ⓠ Ⓡ Ⓢ Ⓣ Ⓤ Ⓥ Ⓦ Ⓧ Ⓨ Ⓩ

ⓐ ⓑ ⓒ ⓓ ⓔ ⓕ ⓖ ⓗ ⓘ ⓙ ⓚ ⓛ ⓜ ⓝ ⓞ ⓟ ⓠ ⓡ ⓢ ⓣ ⓤ ⓥ ⓦ ⓧ ⓨ ⓩ

ᴬ ᴮ ᴰ ᴱ ᴳ ᴴ ᴵ ᴶ ᴷ ᴸ ᴹ ᴺ ᴼ ᴾ ᴿ ᵀ ᵁ ᵂ

ᵃ ᵇ ᶜ ᵈ ᵉ ᶠ ᵍ ʰ ⁱ ʲ ᵏ ˡ ᵐ ⁿ ᵒ ᵖ ʳ ˢ ᵗ ᵘ ᵛ ʷ

ℬ ℰ ℯ ℊ ℋ ℐ ℒ ℳ ℛ ℜ ℴ

Símbolos web numéricos

① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩

❶ ❷ ❸ ❹ ❺ ❻ ❼ ❽ ❾ ❿

➀ ➁ ➂ ➃ ➄ ➅ ➆ ➇ ➈ ➉

➊ ➋ ➌ ➍ ➎ ➏ ➐ ➑ ➒ ➓

⓪ ⓵ ⓶ ⓷ ⓸ ⓹ ⓺ ⓻ ⓼ ⓽

Símbolos web útiles en blanco y negro

Diseño de texto: ☰ ☱ ☲ ☳ ☴ ☵ ☶ ☷

Símbolos de formas: ∆ ▀ ▣ ◘ ▭ ⎔ ◢ ◣ ◤ ◥ ◆ ❖ ▲ △ ▼ ▽ ▒ ▓ ░ ▌ ▍ ◐ ◓ ⋐ ⋑ ■ □ ▪ ▫ ● ○ ◉ ◎ ◌ ◈

Símbolos de líneas: ⌞ ⌟ ⎯ ─ ━ │ ┃ ┄ ┅ ┆ ┇ ┈ ┉ ┊ ┋ ┌ ┍ ┎ ┏ ┐ ┑ ┒ ┓└ ┕ ┖ ┗ ┘ ┙ ┚ ┛╭ ╮ ╯ ╰ ╱ ╲ ╳╴ ╵ ╶ ╷ ╸ ╹ ╺ ╻ ╼ ╽ ╾ ╿▏ ▕ ◜ ◝ ◞ ◟ ◠ ◡

Notas y símbolos musicales:♩ ♪ ♫ ♬ ♭ ♮ ♯ 𝄞 𝄢🎵 🎶 🎼 🎤 🎧 🎸 🎹 🥁

Símbolos de monedas: € ¢ £ $ ¥ ₹ ₩ ₽ ₿ ₺ ₴ ₫ ₦ ₱

Símbolos matemáticos: Ω ∞ √ ∛ ∜ ± ∓ ≠ ≈ ≡ ≤ ≥ ∑ ∏ π ∆ ∫ ∂ × ÷ ¹ ² ³ ⁰ ₀ ₁ ₂ ₃ % ‰

Símbolos caligráficos: “ ” ‘ ’ ❝ ❞ ❛ ❜〚 〛 〖 〗 〘 〙 〔 〕

Símbolos de medidas: ℃ ℉ ° º ′ ″ µ Ω ㎜ ㎝ ㎞ ㎡ ㎢

Símbolos religiosos: ☩ ✚ ✙ ✞ ✟ ✠ ☫ ☬ ✡ ☥ ☧ ☨ ☦ ☪ ☯ ☸ 🕉️

Otros símbolos web: ➴ ↬ ࿏ ྿ ࿌ ت Я ಎ ः じ ᄊ Ɗ ≳ Ⴕ ɐ ☤ ☇ ☈ ☿ ♁ ♃ ♄ ༀ ࿃ ༜ ༗ ↷

Puedes consultar también este listado completo de símbolos.

Todos los símbolos de flechas

↪ ↩ ← ↑ → ↓ ↔ ↕ ↖ ↗ ↘ ↙ ↚ ↛ ↜ ↝ ↞ ↟ ↠ ↡ ↢ ↣ ↤ ↦ ↥ ↧ ↨ ↫ ↬ ↭ ↮ ↯ ↰ ↱ ↲ ↳ ↴ ↵ ↶ ↷ ↸ ↹ ↺ ↻ ⟲ ⟳ ↼ ↽ ↾ ↿ ⇀ ⇁ ⇂ ⇃ ⇄ ⇅ ⇆ ⇇ ⇈ ⇉ ⇊ ⇋ ⇌ ⇍ ⇎ ⇏ ⇑ ⇓ ⇐ ⇒ ⇔ ⇕ ⇖ ⇗ ⇘ ⇙ ⇚ ⇛ ⇜ ⇝ ⇞ ⇟ ⇠ ⇡ ⇢ ⇣ ⇤ ⇥ ⇦ ⇧ ⇨ ⇩ ➙ ➚ ➛ ➜ ➝ ➞ ➟ ➠ ➡ ➢ ➣ ➤ ➥ ➦ ➧ ➨ ➩ ➪ ➫ ➬ ➭ ➮ ➯ ➱ ➲ ➳ ➴ ➵ ➶ ➷ ➸ ➹ ➺ ➻ ➼ ➽ ➾ ⬀ ⬁ ⬂ ⬃ ⬄ ⬅ ⬆ ⬇ ⏎ ▲ ▼ ◀ ▶

Líneas divisorias con símbolos

▮▮▮▮▮▮▮▮▮▮▮▮▮▮▮▮▮▮▮▮

◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼

◉◉◉◉◉◉◉◉◉◉◉◉◉◉◉◉

●●●●●●●●●●●●●●●●●●

◈◈◈◈◈◈◈◈◈◈◈◈◈◈

◂▸◂▸◂▸◂▸◂▸◂▸◂▸◂▸◂▸

◅▻◅▻◅▻◅▻◅▻◅▻◅▻◅▻

◖◗◖◗◖◗◖◗◖◗◖◗◖◗◖◗

──────────────

━━━━━━━━━━━━━━

──── ✦ ────

──── ❖ ────

═══════ ❖ ═══════

༺═────────────═༻

Símbolos de emoticonos

☁ ☂ ☃ ☄ ❄ ⛅ ⚡ ✈ ♂ ♀ ✂ ✌ ☝ ☠ ☢ ☣ ♻ ⚓ ☘ 😀 😃 😄 😁 😆 😅 😂 🤣 😊 🙂 😉 😍 🥰 😘 😎 🤔 🤗 😴 😭 😡 👍 👎 👌 ✌ 🤞 🤟 🤘 🤙 👏 🙌 🙏

Puedes consultar también el listado oficial de emojis Unicode.

Otros símbolos útiles web en color

▼ ▽ ◉ ⭕ ☑ ⚪ ⚫ ▪ ▫ ⬛ ⬜ ◼ ◻ ◾ ◽ 🔴 🟠 🟡 🟢 🔵 🟣 🟤 🟥 🟧 🟨 🟩 🟦 🟪 🟫 ✅ ❌ ❗ ❓ ⭐ ✨ 🔥 💯

Símbolos de WhatsApp y compatibilidad

Los llamados símbolos de WhatsApp son en realidad, en su mayoría, emojis Unicode. Es decir, caracteres estandarizados que también pueden utilizarse en páginas web, WordPress, Instagram, Facebook, TikTok, emails y otras aplicaciones.

Símbolos como 😀 ❤️ 👍 🔥 📞 📍 ✅ ❌ pueden verse ligeramente diferentes según el dispositivo, sistema operativo o aplicación, ya que WhatsApp, Apple, Android, Windows o Samsung aplican su propio diseño gráfico.

Los símbolos Unicode clásicos —por ejemplo © ® ™ € → ✓ ★ ♥ ☎— tienen una compatibilidad muy alta en navegadores modernos. Los emojis más recientes pueden no mostrarse correctamente en dispositivos antiguos o sistemas que todavía no soporten esa versión de Unicode.

Para elementos decorativos de una web se pueden utilizar sin problema, pero para iconos esenciales de navegación es preferible utilizar SVG o una librería de iconos.

Atajos para escribir símbolos en Mac y Windows

En Mac, la forma más rápida de acceder a emojis y símbolos es pulsar:

Control + Command + Espacio

Desde el visor de caracteres puedes buscar estrellas, flechas, corazones, monedas, símbolos matemáticos y muchos otros. Algunos atajos habituales son:

€ → Option + E © → Option + G ® → Option + R ™ → Option + 2 • → Option + 8 ∞ → Option + 5 √ → Option + V

En Windows, puedes abrir el panel de emojis y símbolos con: Windows + ;

También existen códigos ALT, por ejemplo:

Alt + 0169 → © Alt + 0174 → ® Alt + 0153 → ™ Alt + 0128 → € Alt + 0176 → °

Otra opción es utilizar directamente entidades HTML como © → ©, € → €, → → → o ♥ → ♥.

En cualquier caso, para la mayoría de estos caracteres la forma más rápida sigue siendo simplemente copiar y pegar el símbolo.

Vamos a seguir ampliando esta recopilación. Si conoces algún símbolo interesante que no esté en esta lista, por favor dínoslo en los comentarios.

Gracias por llegar hasta aquí. Si te ha gustado, déjanos un comentario o recomienda nuestra web: Diseño web en Valencia | Posicionamiento Online.

36 comentarios de “Listado completo de símbolos para tu web”

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *