Чи існує символ символу гліфів Unicode для відображення "Пошук" [закрито]

191

Закрито . Це питання ґрунтується на думці . Наразі відповіді не приймаються.

Хочете вдосконалити це питання? Оновіть питання, щоб на нього можна було відповісти фактами та цитатами, відредагувавши цю публікацію .

Закрито 4 роки тому .

Удосконаліть це питання

У Unicode є мільйон іконоподібних гліфів, але їх дуже важко шукати.

Чи є гліф Unicode, схожий на «Бінокуляр» або «лупу»? Або є символ, який використовується для позначення "Пошук", який знаходиться в Unicode?

unicode symbols html-entities

— Прасад Ядхав
джерело

можливий дублікат Якого символу Unicode ви використовуєте на своєму веб-сайті? (замість значків зображень)

— Kzqai

4

Ви можете використовувати послідовність гліфів: U + 0053, U + 0065, U + 0061, U + 0072, U + 0063, U + 0068 8-)}

— Кіт Томпсон,

1

Якщо це інше питання було закрите, то воно повинно бути і цим.

— Ciro Santilli 郝海东冠状病六四事件法轮功

Не впевнений, якщо svg зробить це за вас, але це те, що я використав, ви можете змінити колір з атрибутом обведення. <svg style = "висота: 1em;" viewBox = "0 0 12 13"> <g stroke-width = "2" stroke = "# 999999" fill = "none"> <шлях d = "M11.29 11.71l-4-4" /> <круг cx = "5" cy = "5" r = "4" /> </g> </svg>

— кури

204

Існує U + 1F50D ВІДКРИТИЙ СТЯГ МАГНІФІКУВАННЯ (🔍) та U + 1F50E МАГНІФІЧНЕ СКЛА ПРИМІТКИ (🔎).

Ви повинні використовувати (в HTML) 🔍або🔎

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

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

Як правило, у гліфах Unicode можна шукати за допомогою такого веб-сайту, як fileformat.info . Це шукає "лише" в іменах та властивостях гліфів Unicode, але вони зазвичай містять достатньо метаданих, щоб забезпечити хороші результати пошуку (для цієї відповіді я шукав "скло" та переглянув отриманий список, наприклад)

— Йоахім Зауер
джерело

7

@Prasad Jadhav, проблема підтримки Unicode в даний час є проблемою шрифту, і це справді інше питання. Для таких рідкісних символів (у шрифтах), як вбудований шрифт ( @font face), мабуть, є єдиним варіантом і дещо проблематичним (оскільки Symbola - це такий великий шрифт). Символи також з'являються у Quivira (версія 3.7) та Segoe UI Symbol (версія 5.01), але це все ще дуже обмежений набір шрифтів. Quivira - це безкоштовний шрифт, символ SeI-інтерфейсу Segoe поставляється разом із Windows 7 та дозволяє редагувати його.

— Jukka K. Korpela

21

Чи можу порекомендувати "Телефонний диктофон" U + 2315 ⌕:? Це абсолютно не пов’язано між собою, але якось нагадує збільшувальне скло і, здається, включено до стандартних шрифтів, де U + 1F50D і U + 1F50E не мають.

— zopieux

1

Arial (в Windows) також підтримує "збільшувальне скло" вліво

— Спінал

1

Для тих, хто цікавиться, він набуває

— LB--

5

Якщо ви не хочете забарвлення, використовуйте після цього селектор варіації 15, і він буде відображатися як 🔎︎

— pfg

124

Використовуйте символ ⚲ (закодований як ⚲або ⚲) та оберніть його, щоб досягти бажаного ефекту:

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

Він обертає символ :)

— Рікі
джерело

1

Ну, справа в тому, щоб на основі тексту був гліф, і символ виглядає набагато краще, ніж унікод. +1.

— Нілокт

1

@Niloct Це відповідь html. Я не бачу питання, яке стосується html. У xaml ви зробите щось подібне <Grid.RenderTransform><CompositeTransform Rotation="-45" /></Grid.RenderTransform>. Ми зараз приймаємо веб-програмування як належне, коли задаємо питання про unicode?

— Іван

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/, щоб допомогти знайти символи unicode. Це дозволяє намалювати форму, яку ви шукаєте, а потім перераховує найближчі відповідники до цієї форми.

— Джон Холт Ріплі
джерело

10

це дивовижний інструмент. це в основному знаходження Q та O, коли я намагаюся шукати лупу, але все-таки ... досить солодкий інструмент

— redbmk

8

Я знайшов лупу. Спробуйте намалювати краще: p

— vsync

1

Тут я знайшов кілька приємних картинок та персонажів: charbase.com/block/miscellaneous-symbols-and-pictographs

— Себастьян

дуже приємний інструмент, але не знаходить лупу / піктограму пошуку, немає списку персонажів і, на жаль, не оновлюється з 2012 року

— Mousey

30

Відображається правильно в ОС Chrome - знімки екрана з цієї системи.

༗ U + 0F17

⌕ U + 2315

ᰄ U + 1C04

— Віталій Зданевич
джерело

опублікувати код символу? не відображається

— Mousey

1

@Mousey додав коди та скріншоти

— Віталій Зданевич

14

OMG, спершу я задумався, чому ти поставив закреслену дупу для вирішення ...

— Томас Веллер

Це найкраща відповідь. Лупа виглядає приголомшливо. У 2018 році всі символи unicode псуються, перетворюючись на емоджи. Я використав це так для форми пошуку:#searchform:after { content: "\002315"; margin-left: -24px; }

— Ciprian

1

Дякую. U + 2315 працював у вигляді розмітки на основі JSF xml (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-файли блокують візуалізацію.

— tinkerr

Ви можете додати лише важливу частину цього файлу, якщо вам важливо рендерінг.

— Еліаш Кубала

2

Контр-зволікання, використання шрифтів css насправді дуже розумне, особливо коли вам знадобиться все більше і більше піктограм.

— rr-

Я зайшов на цю сторінку, шукаючи «піктограму», яку можна розмістити в заповнювачах (всередині <input>), тому це лише рішення для тих випадків, коли ви можете використовувати HTML.

— Armfoot

Оновлення для FontAwesome. Тони безкоштовних гліфів для Інтернету. Дуже корисний.

— PRMan