Популярные графические символы UTF-8 для сайтов

символы utf8В данной статье собраны самые популярные и востребованные графические символы из таблиц UTF-8. Всех их можно добавить на свой сайт и, таким образом, разнообразить предоставляемую информацию, путем "вкрапления" картинок в стройные ряды букв. Помимо этого Вы можете использовать данные знаки на своей странице ВКонтакте, либо при комментировании сторонних блогов.

Некоторые вебмастера добавляют подобные символы в Description страницы, что позволяет украсить сниппет и привлечь дополнительных пользователей на сайт не за счет высокой позиции в поисковой выдаче, а за счет выделения на фоне конкурентов.

Обращаю Ваше внимание
в некоторых браузерах часть представленных знаков могут не отображаться, а вместо них будет выводиться квадрат, либо непонятные прямоугольник с набором букв внутри. Это связано с разными технологиями, которые используют разработчики браузеров (Mozilla FireFox, Chrome, Opera и IE), а так же версией Windows.

О том, как украсить снипет в поисковой выдаче, читайте на блогах, посвященных SEO (проблем не возникнет при поиске, ибо почти на каждом таком сайте есть статья на тему). Я же Вам предлагаю сборку самых красивых и оригинальных графических картинок, которые Вы сможете использовать простым копированием из данной статьи через буфер обмена и вставкой в нужное место. Поэтому добавляйте эту страницу в закладки (CTRL+D) и возвращайтесь, когда будете писать новую статью.

Прочитать о UTF-8 Вы можете на Википедии.

Если знаки кажутся Вам маленькими, то достаточно их увеличить точно так же, как Вы увеличиваете шрифт на своем сайте. Аналогично и с цветом - выделяете и меняете в панели редактирования статьи.

Символы алфавита

Ⓐ Ⓑ Ⓒ Ⓓ Ⓔ Ⓕ Ⓖ Ⓗ Ⓘ Ⓙ Ⓚ Ⓛ Ⓜ Ⓝ Ⓞ Ⓟ Ⓠ Ⓡ Ⓢ Ⓣ Ⓤ Ⓥ Ⓦ Ⓧ Ⓨ Ⓩ ⓐ ⓑ ⓒ ⓓ ⓔ ⓕ ⓖ ⓗ ⓘ ⓙ ⓚ ⓛ ⓜ ⓝ ⓞ ⓟ ⓠ ⓡ ⓢ ⓣ ⓤ ⓥ ⓦ ⓧ ⓨ ⓩ

⒜ ⒝ ⒞ ⒟ ⒠ ⒡ ⒢ ⒣ ⒤ ⒥ ⒦ ⒧ ⒨ ⒩ ⒪ ⒫ ⒬ ⒭ ⒮ ⒯ ⒰ ⒱ ⒲ ⒳ ⒴ ⒵

Чаще всего данные графические рисунки используют на страницах ВКонтакте, когда выкладывают из них свое имя или фамилию. Хотя, нередки случаи использования алфавита на коммерческих проектах, в целях акцентирования внимания к определенной части текста (к примеру: АКЦИЯ! Весь декабрь скидка 0%).

Цифровое обозначение

⑴ ⑵ ⑶ ⑷ ⑸ ⑹ ⑺ ⑻ ⑼ ⑽ ⑾ ⑿ ⒀ ⒁ ⒂ ⒃ ⒄ ⒅ ⒆ ⒇

❶ ❷ ❸ ❹ ❺ ❻ ❼ ❽ ❾ ❿

Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ Ⅵ Ⅶ Ⅷ Ⅸ Ⅹ Ⅺ Ⅻ

⒈ ⒉ ⒊ ⒋ ⒌ ⒍ ⒎ ⒏ ⒐ ⒑ ⒒ ⒓ ⒔ ⒕ ⒖ ⒗ ⒘ ⒙ ⒚ ⒛

➀ ➁ ➂ ➃ ➄ ➅ ➆ ➇ ➈ ➊ ➋ ➌ ➍ ➎ ➏ ➐ ➑ ➒ ➓

♳ ♴ ♵ ♶ ♷ ♸ ♹

С цифрами все просто: указали адрес, телефон или уровень заработной платы. Можете проверить на знакомых, куда они обратят вначале внимание, при заходе на страницу с графическими символами цифр. Поэтому берем на вооружение и повышаем продажи через свои интернет-магазины или корпоративные сайты, где много однообразного текста.

Символы-указатели (стрелки)

← ↑ → ↓ ↔ ↕ ↖ ↗ ↘ ↙ ↚ ↛ ↜ ↝ ↞ ↟ ↠ ↡ ↢ ↣ ↤ ↥ ↦ ↧ ↨ ↩ ↪ ↫ ↬ ↭ ↮ ↯ ↰ ↱ ↲ ↳ ↴ ↵ ↶ ↷ ↸ ↹ ↺ ↻ ↼ ↽ ↾ ↿ ⇀ ⇁ ⇂ ⇃ ⇄ ⇅ ⇆ ⇇ ⇈ ⇉ ⇊ ⇋ ⇌ ⇍ ⇎ ⇏ ⇐ ⇑ ⇒ ⇓ ⇔ ⇕ ⇖ ⇗ ⇘ ⇙ ⇚ ⇛ ⇜ ⇝ ⇞ ⇟ ⇠ ⇡ ⇢ ⇣ ⇤ ⇥ ⇦ ⇧ ⇨ ⇩ ⇪ ⇫ ⇬ ⇭ ⇮ ⇯ ⇰ ⇱ ⇲ ⇳ ⇴ ⇵ ⇶ ⇷ ⇸ ⇹ ⇺ ⇻ ⇼ ⇽ ⇾ ⇿ ⏎ ⟵ ⟶ ⟷ ⟸ ⟹ ⟺ ⟻ ⟼ ⟽ ⟾ ⟿ ⤀ ⤁ ⤂ ⤃ ⤄ ⤅ ⤆ ⤇ ⤈ ⤉ ⤊ ⤋ ⤌ ⤍ ⤎ ⤏ ⤐ ⤑ ⤒ ⤓ ⤔ ⤕ ⤖ ⤗ ⤘ ⤙ ⤚ ⤛ ⤜ ⤝ ⤞ ⤟ ⤠ ⤡ ⥚ ⥛ ⥜ ⥝ ⥞ ⥟ ⥠ ⥡ ⥢ ⥣ ⥤ ⥥ ⥦ ⥧ ⥨ ⥩ ⥪ ⥫ ⥬ ⥭ ⥮ ⥯ ⥰ ⥱ ⥲ ⥳ ⥴ ⥵ ⥶ ⥷ ⥸ ⥹ ⥺ ⥻ ⥼ ⥽ ⥾ ⥿ ➱ ➲ ➳ ➴ ➵ ➶ ➷ ➸ ➘ ➙ ➚ ➛ ➜ ➝ ➞ ➟ ➠ ➡ ➢ ➣ ➤ ➥ ➦ ➧ ➨ ➩ ➪ ➫ ➬ ➭ ➮ ➯ ➔ ➹ ➺ ➻ ➼ ➽ ➾ ⬄ ⬅ ⬆ ⬇

При помощи стрелок и указателей можно направить скользящий взгляд посетителя сайта в нужном направлении. Причем Вам не потребуется вставлять картинку, что скажется на скорости загрузки страницы со всеми вытекающими последствиями. Выбираем цвет и размер, как было сказано вначале статьи.

Фигуры

▀ ▁ ▂ ▃ ▄ ▅ ▆ ▇ █ ▉ ▊ ▋ ▌ ▍ ▎ ▏ ▐ ░ ▒ ▓ ▔ ▕ ■ □ ▢ ▣ ▤ ▥ ▦ ▧ ▨ ▩ ▪ ▫ ▬ ▭ ▮ ▯ ▰ ▱ ▲ △ ▴ ▵ ▶ ▷ ▸ ▹ ► ▻ ▼ ▽ ▾ ▿ ◀ ◁ ◂ ◃ ◄ ◅ ◆ ◇ ◈ ◉ ◊ ○ ◌ ◍ ◎ ● ◐ ◑ ◒ ◓ ◔ ◕ ◖ ◗ ◘ ◙ ◚ ◛ ◜ ◝ ◞ ◟ ◠ ◡ ◢ ◣ ◤ ◥ ◦ ◧ ◨ ◩ ◪ ◫ ◬ ◭ ◮

Комбинируя представленные выше символы из таблицы UTF-8, Вы сможете придумать действительно уникальное оформление, которое будет отличаться своей неординарностью. Главное не переборщить.

Забавные символы

◯ ☀ ☁ ☂ ☃ ☄ ★ ☆ ☇ ☈ ☉ ☊ ☋ ☌ ☍ ☎ ☏ ☐ ☑ ☒ ☓ ☖ ☗ ☚ ☛ ☜ ☝ ☞ ☟ ☠ ☡ ☢ ☣ ☤ ☥ ☦ ☧ ☨ ☩ ☪ ☫ ☬ ☭ ☮ ☯ ♺ ♻ ♼ ♽ ✁ ✂ ✃ ✄ ✆ ✇ ✈ ✉ ✌ ✍ ✎ ✏ ✐ ✑ ✒ ✓ ✔ ✕ ✖ ✗ ✘ ✙ ✚ ✛ ✜ ✝ ✞ ✟ ✠ ✡ ✢ ✣ ✤ ✥ ✦ ✧ ✩ ✪ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ✴ ✵ ✶ ✷ ✸ ✹ ✺ ✻ ✼ ✽ ✾ ✿ ❀ ❁ ❂ ❃ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❍ ❏ ❐ ❑ ❒ ❖ ❡ ❢ ❣ ❤ ❥ ❦ ❧ ൠ ൡ ອ ຮ ຯ 〄 ⃞ ⃟ ⨀ ⨁ ⨂ ❛ ❜ ❝ ❞ † ‡ ⊲ ⊳ ⊴ ⊵ ⚠ ♮ ♯ ♰ ♱ ♲ ٩(͡๏̯͡๏)۶ Ƹ̴Ӂ̴Ʒ ۩ ۞ ©

Действительно "забавные" картинки. Знак телефона удобно поставить возле номера, самолет отлично подойдет для текстов "авиационной" тематики. "Погодные" и религиозные картинки, звезды и прочие, разнообразят абсолютно любой текст. Лично я всегда использую ☎.

Математические, физические и прочие науки

℀ ℁ ℂ ℃ ℄ ℅ ℆ ℇ ℈ ℉ ℊ ℋ ℌ ℍ ℎ ℏ ℐ ℑ ℒ ℓ ℔ ℕ № ℗ ℘ ℙ ℚ ℛ ℜ ℝ ℞ ℟ ℣ ℤ ℥ Ω ℧ ℨ ℩ K Å ℬ ℭ ℮ ℯ ℰ ℱ Ⅎ ℳ ℴ ⅓ ⅔ ⅕ ⅖ ⅗ ⅘ ⅙ ⅚ ⅛ ⅜ ⅝ ⅞ ∸ ∹ ∺ ∻ ∼ ∽ ∾ ∿ ≀ ≁ ≂ ≃ ≄ ≅ ≆ ≇ ≈ ≉ ≊ ≋ ≌ ≍ ≎ ≏ ≐ ≑ ≒ ≓ ≔ ≕ ≖ ≗ ≘ ≙ ≚ ≛ ≜ ≝ ≞ ≟ ≠ ≡ ≢ ≣ ≤ ≥ ≦ ≧ ≨ ≩ ≪ ≫ ≬ ≭ ≮ ≯ ≰ ≱ ≲ ≳ ≴ ≵ ≶ ≷ ≸ ≹ ≺ ≻ ≼ ≽ ≾ ≿ ⊀ ⊁ ⊂ ⊃ ⊄ ⊅ ⊆ ⊇ ⊈ ⊉ ⊊ ⊋ ∀ ∁ ∂ ∃ ∄ ∅ ∆ ∇ ∈ ∉ ∊ ∋ ∌ ∍ ∎ ∏ ∐ ∑ − ∓ ∔ ∕ ∖ ∗ ∘ ∙ √ ∛ ∜ ∝ ∞ ∟ ∠ ∡ ∢ ∣ ∤ ∥ ∦ ∧ ∨ ∩ ∪ ∫ ∬ ∭ ∮ ∯ ∰ ∱ ∲ ∳ ⎲ ⎳ ⎷ ⌗ ⌘ ℽ ℾ ℿ ⅀

Думаю, что данные символы найдут свое назначение, если у Вас текст научной направленности, либо Вы любите "ввернуть" какое-нибудь умное словечко, подкрепив его картинкой.

На этом все. Не забываем ставить +1 и предлагать свои символы, которые небыли включены в предложенные выше список, по моей невнимательности.

Привет. Меня зовут Виталик и я автор этого блога, а так же Магазина WordPress https://wp-r.ru/.


Отблагодарить Z888279575784 R109400923968 или ЯД 41001651742138

Оказываю услуги по созданию и настройке сайтов на WordPress (верстка, натяжка).

Мои Контакты. Я в Twitter @mojWP. Смотри на Youtube. Читай RSS блога.

Опубликовано 38 комментариев
  1. Sueno says:
    http://sueno.ru/

    Главное не переборщить, а то вместо статьи будут кругом одни забавные ироглифы 🙂 Страничка полезная буду пользоваться. Спасибо

  2. UtennyWem says:
    http://delaem-krasivo.ru

    Автору респект, спасибо за статью!

  3. Alex Avin says:
    http://alexavin.com/

    Спасибо! Стянул в Эверноут.

  4. Марина Лазарева says:
    http://frilka.com

    Ох, в который раз я захожу на эту страницу, решила добавить в закладки 🙂

  5. Никита says:

    Спасибо за полезный наборчик, кинул в закладки. Только у меня почему-то вместо некоторых символов отображаются пустые квадраты

    • Виталий says:

      всему виной разные технологии браузеров. вы скорее всего с chrome смотрели. Об этом в самом начале статье сказано

  6. Анастасия says:

    Симпатично можно использовать, если с умом и вкусом. От некоторых неумеренных любителей аж в глазах рябит временами. А вот чтобы подчеркнуть что-то или выделить значимое - незаменимая вещь!

  7. kkewekk says:

    Знаю теперь чем разбавить скучный тон своего сайта, добавить так сказать изюминку к нему – использую приведенные выше символы, спасибо.

  8. Denis says:
    http://webwmz.ru/

    А при просмотре этих всех символов с другого устройства(с телефона или планшета...) они отображаться будут?

    • Виталий says:

      проверяйте. в самом начале статьи написано, что зависит от кода браузера

      • Denis says:
        http://webwmz.ru/

        Я это видел, ну просто на мобильных устройствах совсем другие браузеры.

  9. Censored says:

    Интересная статья! Только, как уже саказал Sueno, главное не перестараться с символами.
    ☭ - этот, наверное, моим самым любимым будет 🙂
    Автору спасибо, статью - в закладки.

  10. Евгений says:

    Хорошая подборка символов. Особенно понравились - забавные символы) Всегда можно украсить любой текст и добавить капельку смешного)

  11. kiril says:

    Очень полезная и интересная статья особенно для начинающих вебмастеров.Сам извлек много интересного с их помощью буду украшать свой сайт.

  12. Coverell says:

    Давно искал что - то похожее. Различные символы, которые можно вставлять в статус в вконтакте и удивлять своих друзей и знакомых. Данная статья очень помогла мне в моём нелегком поиске.

  13. seter says:

    Согласен с автором,символы очень помогают владельцам сайтов для привлечения внимания посетителей.Статья помогла в освоении многих символов и знаков по категориям.

  14. Petroiva says:

    Никогда бы не подумал, что из различных комбинаций символов фигур таблицы UTF-8 можно создавать оригинальные орнаменты и оформление. Довольно-таки познавательная статья.

  15. Алексей says:
    http://podrabotkaweb.ru

    Очень полезная статья, буду использовать эти символы у себя в блоге, спасибо! Автор пиши еще! Еще раз спасибо!

  16. Taliana says:

    Для тех у кого имеются в наличии свои сайты, такая полезная информация просто необходима. Потому как сухие и безликие сайты никому не интересны, особенно не обойтись без забавных символов.

  17. Андрей says:

    Большое спасибо автору,мне очень понравился такой набор символов, буду пользоваться с наслаждением))и скину своим друзьям!

  18. Denis says:
    http://webwmz.ru/

    Те, которые поддерживаются не во всех браузерах, толку использовать нет, мне кажется.

  19. Надежда says:
    http://bestsposob.ru

    Использовала у себя несколько символов, спасибо. И нарыла еще вот такие: Ξ ҈ ҉ Ѽ ↨ … Вообще-то больше нашла, но замучилась сравнивать - какие здесь есть, а каких нет. Может прислать больше, даже если 2 раза некоторые окажутся?

    • Виталий says:

      Спасибо, Надежда, за дополнительные символы.
      На самом деле их больше 50 тысяч.

      В статье я лишь указал те, которые мне понравились, и которые могут понадобиться, чтобы потом не искать постоянно по таблицам среди тысяч.

  20. Валерос says:

    хах, классный набор всяких иероглифов, можо ими пользоваться, главное чтобы их было немного!! наверное это в недалеком будущем заменит смайлики!

  21. Pavel says:
    http://healthbps.ru/

    Ага, нужно будет внедрять на свой блог понемногу. Правда больше половины из представленных на сайте видятся мне как квадраты 🙂

    • Даниил says:
      http://Takea.ru

      Поставь кодировку не Widows 1251, а UTF-8

  22. диман27 says:
    http://ничегосебе

    █▀▀▄░█░░█░█▀▀█░█▀▀▀░▀▀█▀▀░█▀▀▀░█▀▀█ █░░█░█░░█░█▀▀█░▀▀▀█░░░█░░░█▀▀▀░█▀▀▀ ▀▀▀░░▀▀▀▀░▀▀▀▀░▀▀▀▀░░░▀░░░▀▀▀▀░▀™

  23. Даниил. says:

    Отличный набор,автору +5! 🙂

  24. Boris says:

    Спасибо за подборку, но к сожалению в строке ⅓ ⅔ ⅕ ⅖ ⅗ ⅘ ⅙ ⅚ ⅛ ⅜ ⅝ ⅞ не нашёл такого символа, как 1/2 (а именно он мне как раз нужен).

  25. Дмитрий says:
    http://anapatoday.com/

    Помогают иногда))) спасибо

  26. GarrySeldon says:
    http://kaleydoskop.org

    Некоторые символы в Chrome и на мобильных устройствах отображаются квадратиками, а другие нормально. Кто-нибудь знает как это можно исправить?

  27. alex says:
    http://plitochnik.kiev.ua

    Такие вот
    ❄-

    • Ирина says:

      Жаль что символа ключа нет((

  28. Александр says:
    http://alco5.ru

    ». Из-за этих двух линий графический знак евро получился значительно схожим с символом « Есть » из славянской азбуки « круглой глаголицы ».

  29. Антон says:
    https://www.youtube.com/user/band2882?sub_confirmation=1

    Такие символы очень актуальны для комментариев на Youtube. У вас по сути большой набор стандартных символов. А вот я вижу иногда эксклюзивные типа вот таких 👣 . Пытался найти в нете весь набор - так и не нашел. Приходится пока просто копировать такие редкие символы, когда случайно их встречаю, и собирать потихоньку в свою таблицу.
    Если знаете, где такие взять - буду благодарен вам, если скажете. ))

  30. Yerzhan says:

    Вот этих у вас нету ツ:

    α β ƒ Σ
    ♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓
    ♔ ♕ ♖ ♗ ♘ ♙ ♚ ♛ ♜ ♝ ♞ ♟
    ♠ ♣ ♥ ♦ ♪ ♩ ♫ ♬ ψ ™ ® ¢ ¥ £ ℠ ℡ ⁂ ☸ ッ ツ ټ ت ㋛ ☼ ☽ ☾

  31. Medivh says:
    http://total-game.ru/

    ╔══╗╔══╗╔══╗╔══╗╔╗╔╗╔═══╗╔══╗
    ║╔═╝║╔╗║║╔╗║║╔═╝║║║║║╔══╝║╔╗║ автору!
    ║║──║║║║║╚╝║║║──║║║║║╚══╗║║║║
    ║║──║║║║║╔╗║║║──║║║║║╔═╗║║║║║ Некоторым нашлось применение ✌
    ║╚═╗║║║║║║║║║╚═╗║╚╝║║╚═╝║║╚╝║
    ╚══╝╚╝╚╝╚╝╚╝╚══╝╚══╝╚═══╝╚══╝

Не держи в себе. Выскажись.

Ваш e-mail не будет опубликован. Обязательные поля помечены *

© 2011-2017 | mojwp.ru | Копирование материала разрешено только с письменного согласия
WordPress: 12.05MB | MySQL:76 | 0,227sec
Премиальные плагины для CMS WordPress
Магазин WordPress WP-R.ru
Спасибо, не показывайте мне эту штуку больше!
Смотри мои обучающие видео на YouTube
Иван только что купил плагин ELT https://wp-r.ru/plaginy/elt.html