Есть ли символ символа Unicode для обозначения «Поиск» [закрыто]

191

Юникод имеет миллион иконоподобных глифов, но их очень сложно найти.

Есть ли символ Unicode, который выглядит как «бинокль» или «увеличительное стекло»? Или есть символ, который используется для обозначения «Поиск», который находится в Unicode?

unicode symbols html-entities Прасад Джадхав
источник
возможный дубликат какого символа Unicode вы используете на своем сайте? (вместо значков изображений)
Kzqai
4
Вы можете использовать последовательность глифов: U + 0053, U + 0065, U + 0061, U + 0072, U + 0063, U + 0068 8-)}
Кит Томпсон,
1
Если этот другой вопрос был закрыт, то и этот должен.
Сиро Сантилли 郝海东 冠状 病 六四 事件 法轮功
Не уверен, что svg сделает это за вас, но это то, что я использовал, вы можете изменить цвет из атрибута обводки. <svg style = "height: 1em;" viewBox = "0 0 12 13"> <g stroke-width = "2" stroke = "# 999999" fill = "none"> <path d = "M11.29 11.71l-4-4" /> <круг cx = "5" cy = "5" r = "4" /> </ g> </ svg>
цыплята

Ответы:

204

Существует U + 1F50D СТЕКЛЯЮЩАЯ ЛЕГКАЯ ТОЧКА (🔍) и U + 1F50E СТЕКЛЯЮЩАЯ ПРАВА (🔎).

Вы должны использовать (в HTML) &#x1F50D;или&#x1F50E;

Однако они не поддерживаются многими шрифтами (fileformat.info перечисляет только несколько шрифтов, которые поддерживают Codepoint с правильным глифом).

Также обратите внимание, что они находятся за пределами BMP , поэтому некоторые Unicode-совместимые программы могут иметь проблемы с их рендерингом, даже если у них есть шрифты, которые их поддерживают.

Как правило, Unicode Glyphs можно искать с помощью сайта, такого как fileformat.info . При этом выполняется поиск «только» в именах и свойствах символов Unicode, но они обычно содержат достаточно метаданных, чтобы обеспечить хорошие результаты поиска (для этого ответа я искал «стекло» и просматривал полученный список, например)

Йоахим Зауэр
источник
7
@Prasad Jadhav, проблема поддержки Unicode - это в основном проблема шрифтов, и это действительно другой вопрос. Для @font faceстоль редких символов (в шрифтах), как эти, встроенный шрифт ( ) является, пожалуй, единственным вариантом, и несколько проблематичным (поскольку Symbola такой большой шрифт). Символы также появляются в Quivira (версия 3.7) и Segoe UI Symbol (версия 5.01), но это все еще очень ограниченный набор шрифтов. Quivira - бесплатный шрифт, Segoe UI Symbol поставляется с Windows 7 и позволяет редактировать встраивание.
Юкка К. Корпела
21
Могу ли я рекомендовать «Телефон рекордер» U + 2315: ⌕? Он совершенно не связан, но чем-то напоминает увеличительное стекло и, похоже, включен в стандартные шрифты, а U + 1F50D и U + 1F50E - нет.
zopieux
1
Arial (в Windows) также поддерживает увеличительное стекло, указывающее влево
Spinal
1
Для тех, кому интересно, он отображает цвета на Chromebook: i.imgur.com/86b0a2o.png
LB--
5
Если вы не хотите окрашивать, используйте селектор вариантов Unicode 15 после него, и вместо этого он будет отображаться как 🔎︎
pfg
124

Используйте символ ((закодированный как &#9906;или &#x26B2;) и поверните его для достижения желаемого эффекта:

<div style="-webkit-transform: rotate(45deg); 
               -moz-transform: rotate(45deg); 
                 -o-transform: rotate(45deg);
                    transform: rotate(45deg);">
    &#9906;
</div>

Вращается символ :)

Рики
источник
1
Суть в том, чтобы иметь текст на основе глифа, и символ выглядит лучше, чем уникод. +1.
Niloct
1
@Niloct Это ответ HTML. Я не вижу вопроса, относящегося к HTML. В xaml вы бы сделали что-то вроде <Grid.RenderTransform><CompositeTransform Rotation="-45" /></Grid.RenderTransform>. Считаем ли мы веб-программирование само собой разумеющимся сейчас, когда задаем вопрос в Юникоде?
Джон
3
В Linux (Ubuntu) выглядит очень хорошо, но когда я использую Windows, я вижу только квадрат.
Элиас Кубала
6
Это означает « средний» в смысле «ни мужчина, ни женщина». Если вы собираетесь использовать символ только для его символа, то лучше поместить его в шрифт, назначенный где-то в области личного пользования, или использовать PNG, а не сказать «ни мужчина, ни женщина», а затем применить стиль, чтобы он выглядел как 🔍или 🔎.
Джон Ханна
1
Это сработало очень хорошо для меня. Я сделал <span class='icn icn-find'></span>тогда CSS был .icn-find:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); display: block; content: "\26B2"; }. Прекрасно работает!
teewuane
61

Я бы порекомендовал использовать http://shapecatcher.com/ для поиска юникодных символов. Это позволяет вам нарисовать фигуру, которую вы ищете, а затем перечисляет наиболее близкие совпадения с этой формой.

Джон Холт Рипли
источник
10
это потрясающий инструмент. в основном это поиск вопросов и ответов, когда я пытаюсь найти увеличительное стекло, но все же ... довольно приятный инструмент
redbmk
8
Я нашел увеличительное стекло. Попробуйте лучше рисовать: p
vsync
1
Я нашел несколько хороших картинок и персонажей здесь: charbase.com/block/miscellaneous-symbols-and-pictographs
Себастьян,
очень хороший инструмент, но не находит увеличительное стекло / значок поиска, нет списка символов и, к сожалению, не обновляется с 2012 года
Mousey
30

Правильно отображается на Chrome OS - скриншоты из этой системы.

тибетский астрологический знак sgra gcan -char rtags U + 0F17 ༗ U + 0F17

телефонная запись (U + 2315) ⌕ U + 2315

Лепча буква гла (U + 1C04) ᰄ U + 1C04

Виталий Зданевич
источник
опубликовать код символа? не отображается
Mousey
1
@Mousey добавил коды и скриншоты
Виталий Зданевич
14
О боже, сначала мне стало интересно, почему вы положили туда зачеркнутую задницу для решения ...
Томас Уэллер
Это лучший ответ. Увеличительное стекло выглядит потрясающе. В 2018 году все персонажи Юникода испортились, превратившись в смайликов. Я использовал это для формы поиска:#searchform:after { content: "\002315"; margin-left: -24px; }
Ciprian
1
Спасибо. U + 2315 работал в представлении разметки на основе XML JSF (RichFaces) следующим образом: <a4j: commandButton value = "# {someBooleanExpr? '& # X25bc;' : '& # x2315;'} "/>
Лиза
6

Вы можете просто добавить этот CSS в свой заголовок

<link href='http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet' type='text/css'>

Затем добавьте этот код в место, где вы хотите отобразить символ глифа. 

<div class="fa fa-search"></div> <!-- smaller -->
<div class="fa fa-search fa-2x"></div> <!-- bigger -->

Радоваться, веселиться.

Элиас Кубала
источник
1
Добавление большего количества CSS-файлов в заголовок замедляет загрузку страницы. CSS-файлы блокируют рендеринг.
Тинкерр
Вы можете добавить только важную часть этого файла, если вы заботитесь о рендеринге.
Элиас Кубала
2
Противодействие голосованию, использование шрифтов CSS на самом деле очень разумно, особенно когда вам нужно все больше и больше значков.
rr-
Я прибыл на эту страницу в поисках «значка», который можно поместить в заполнители (внутри <input>), поэтому это только решение для случаев, когда вы можете использовать HTML.
Armfoot
Upvote для FontAwesome. Тонны бесплатных глифов для Интернета. Очень полезно.
PRMan