Какой символ Unicode вы используете на своем сайте? (вместо значков изображений) - PullRequest
33 голосов
/ 27 августа 2009

Я ищу символ, который мог бы заменить значок изображения, например, такие как ✘ (xmark) и ✔ (галочка), возможно, какой-нибудь символ для «черновика» или «нового сообщения»?

EDIT:

Избранное: ❤

Черновик: ✍

Сообщение: ✉

Ответы [ 12 ]

1 голос
/ 04 февраля 2015

Я бы предложил использовать пользовательский шрифт, например https://github.com/FortAwesome/Font-Awesome

Вы также можете иметь версию SVG / PNG https://github.com/encharm/Font-Awesome-SVG-PNG

Есть и другие иконки SVG

  1. https://github.com/iconic/open-iconic
  2. https://github.com/outpunk/evil-icons
  3. Чистые иконки CSS https://github.com/saeedalipoor/icono

Для Material Design у вас есть статические иконки SVG https://google.github.io/material-design-icons/ и анимированные:

  1. http://tympanus.net/Development/AnimatedSVGIcons/
  2. http://tympanus.net/Development/IconHoverEffects/
  3. http://tympanus.net/Development/AnimatedCheckboxes/
  4. https://alexk111.github.io/SVG-Morpheus/
0 голосов
/ 28 августа 2017

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

 <a href="{{ url_for( 'interactiveParamExplorePage' ) }}" title="Explore merge column pairs.">&#x1F50E;</a>

Будучи ссылкой, внешний вид подчеркивания по умолчанию несколько скрывал глиф юникода, но этот эффект был незначительным для нашего внутреннего инструмента, но мог бы быть неоптимальным для чего-то общедоступного.

demo magnifying glass Unicode glyph as link

...