Símbolos e íconos unicode para colocar en sitios web

miércoles, diciembre 10, 2014
COMPARTE EL POST

Símbolos e íconos unicode para colocar en sitios webHace ya bastantes años cuando se dio el boom de los sitios web era común utilizar imágenes para todo, para representar estructuras, sombras, bordes, degradados, etc., pero ahora con tecnologías como CSS3 y HTML5 es cada vez menor la necesidad de usar imágenes como “ilusiones” de efectos, en vez de usar imágenes propiamente para representar imágenes.

Una de las tendencias es desaparecer todo rastro de imágenes para representar símbolos o íconos que fácilmente la computadora puede entender por medio de símbolos unicode, los cuales a través de un simple código el navegador puede renderizar y con eso ahorrar llamadas a servidor y descarga de archivos extra. Hoy les traigo una lista de símbolos e íconos unicode que puedes usar en tu sitio web. Tenemos los típicos monitos sonrientes, hasta aviones, números romanos, teléfonos, puntos y cualquier ícono que te imagines que estoy seguro servirá para reemplazar esos íconos e imágenes que aunque pequeños representan una carga extra al sitio web.

Nombre Preview Código
Smiley ☺
Hot Springs ♨
8-Ball ➑
White Star ☆
Black Star ★
White Heart ♡
Black Heart ❤
Airplane ✈
Black Scissors ✂
White Scissors ✄
Crown ♕
Cross ✝
Black-White Circle ◑
Eight Note ♪
Beamed Eighth Notes ♫
Four Balloon-Spoked Asterisk ✣
Circled White Star ✪
White Star ✰
White Four Pointed Star ✧
Black Four Pointed Star ✦
Ballot Box Check ☑
Check Mark ✔
Cross Mark ✘
Pencil ✎
Writing Hand ✍
Female ♀
Male ♂
Black Telephone ☎
White Telephone ☏
Envelope ✉
Telephone Location ✆
Leftwards Arrow ←
Rightwards Arrow →
Upwards Arrow ↑
Downwards Arrow ↓
Left Right Arrow ↔
Up Down Arrow ↕
Right And Left Arrows ⇄
Up And Down Arrows ⇅
Down-Left 90deg Arrow ↲
Down-Right 90deg Arrow ↳
Up-Left 90deg Arrow ↰
Up-Right 90deg Arrow ↱
Leftwards Arrow To Bar ⇤
Rightwards Arrow To Bar ⇥
Anticlockwise Semicircle Arrow ↶
Clockwise Semicircle Arrow ↷
Anticlockwise Circle Arrow ↺
Clockwise Circle Arrow ↻
Wide-Headed Rightwards Arrow ➔
Downwards Zigzag Arrow ↯
North West Arrow ↖
Heavy South East Arrow ➘
Heavy Rightwards Arrow ➙
Heavy North East Arrow ➚
Dashed Rightwards Arrow ➟
Dotted Leftwards Arrow ⇠
Black Rightwards Arrowhead ➤
Leftwards White Arrow ⇦
Rightwards White Arrow ⇨
Left Angle Quotation Mark « « «
Right Angle Quotation Mark » » »
Right Black Pointer ►
Left Black Pointer ◀
Up Black Pointer ▲
Down Black Pointer ▼
Right White Pointer ▷
Left White Pointer ◁
Up White Pointer △
Down White Pointer ▽
Bow Arrow ➴
Numero №
Copyright © © ©
Registered ® ® ®
Trademark ™
Estimated ℮
Bullet •
Middle Dot · · ·
Euro €
Pound £ £ £
Lira ₤
Yen ¥ ¥ ¥
Cent ¢ ¢ ¢
Currency ¤ ¤ ¤
Degree ° ° °
Small Sun ☀
Big Sun ☼
Cloud ☁
Snowflake 1 ❆
Snowflake 2 ❅
Snowflake 3 ❄
Pointer Left Black ☚
Pointer Right Black ☛
Pointer Left White ☜
Pointer Up White ☝
Pointer Right White ☞
Pointer Down White ☟
Clubs Black ♠
Hearts Black ♥
Diamonds Black ♦
Spades Black ♣
Clubs White ♤
Hearts White ♡
Diamonds White ♢
Spades White ♧
King White ♔
Queen White ♕
Rook White ♖
Bishop White ♗
Knight White ♘
Pawn White ♙
King Black ♚
Queen Black ♛
Rook Black ♜
Bishop Black ♝
Knight Black ♞
Pawn Black ♟
Infinity ∞
Plus Minus ± ± ±
Less-Than Or Equal To ≤
More-Than Or Equal To ≥
Not Equal To ≠
Division ÷ ÷ ÷
Multiplication x × × ×
Heavy Multiplication x ✖
Superscript One ¹ ¹ ¹
Superscript Two ² ² ²
Superscript Three ³ ³ ³
Circled Plus ⊕
Circled Multiplication ⊗
Logical AND ∧
Logical OR ∨
Delta ∆
Pie ∏
Sigma (SUM) ∑
Omega Ω Ω Ω
Empty Set ∅
Angle ∠
Parallel ∥
Perpendicular ⊥
Almost Equal To ≈
Triangle △
Circle ○
Square □
One Quarter (1/4) ¼ ¼ ¼
One Half (1/2) ½ ½ ½
Three Quarters (3/4) ¾ ¾ ¾
One Third (1/3) ⅓
Two Thirds (2/3) ⅔
One Eight (1/8) ⅛
Three Eights (3/8) ⅜
Five Eights (5/8) ⅝
Seven Eights (7/8) ⅞
Roman Numeral One Ⅰ
Roman Numeral Two Ⅱ
Roman Numeral Three Ⅲ
Roman Numeral Four Ⅳ
Roman Numeral Five Ⅴ
Roman Numeral Six Ⅵ
Roman Numeral Seven Ⅶ
Roman Numeral Eight Ⅷ
Roman Numeral Nine Ⅸ
Roman Numeral Ten Ⅹ
Roman Numeral Eleven Ⅺ
Roman Numeral Twelve Ⅻ

¡Síguenos en Twitter!


Deja tu comentario