Loading some additional Icons library can slow down your webpage , Why not just use the inbuilt HTML5 Symbols and Icons. It will save you great deal of time and working flexibility, It very simple to use, There is no import needed all we need to do is put the code and it done. They are Created to make web development cycle easier.
Icon-like
| Name | Preview | Code | |
|---|---|---|---|
| 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 | ✆ | ✆ | ✆ |
Arrows
| Name | Preview | Code | |
|---|---|---|---|
| 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 | ➴ | ➴ | ➴ |
Special
| Name | Preview | Code | |
|---|---|---|---|
| Numero | № | № | № |
| Copyright | © | © | © |
| Registered | ® | ® | ® |
| Trademark | ™ | ™ | ™ |
| Estimated | ℮ | ℮ | ℮ |
| Bullet | • | • | • |
| Middle Dot | · | · | · |
Currency
| Name | Preview | Code | |
|---|---|---|---|
| Euro | € | € | € |
| Pound | £ | £ | £ |
| Lira | ₤ | ₤ | ₤ |
| Yen | ¥ | ¥ | ¥ |
| Cent | ¢ | ¢ | ¢ |
| Naira | ₦ | ₦ | ₦ |
Weather
| Name | Preview | Code | |
|---|---|---|---|
| Degree | ° | ° | ° |
| Small Sun |  |
|
☀ |
| Big Sun | ☼ | ☼ | ☼ |
| Cloud |  |
|
☁ |
| Snowflake 1 | ❆ | ❆ | ❆ |
| Snowflake 2 | ❅ | ❅ | ❅ |
| Snowflake 3 |  |
|
❄ |
Pointers
| Name | Preview | Code | |
|---|---|---|---|
| Pointer Left Black | ☚ | ☚ | ☚ |
| Pointer Right Black | ☛ | ☛ | ☛ |
| Pointer Left White | ☜ | ☜ | ☜ |
| Pointer Up White |  |
|
☝ |
| Pointer Right White | ☞ | ☞ | ☞ |
| Pointer Down White | ☟ | ☟ | ☟ |
Thanks!
Your feedback helps us improve tutorials.
No comments:
Post a Comment