Có biểu tượng glyph Unicode để đại diện cho Tìm kiếm trên mạng [đóng]

191

Unicode có một triệu glyphs giống như biểu tượng, nhưng chúng rất khó tìm kiếm.

Có một glyph Unicode trông giống như "Binocular" hoặc "kính lúp" không? Hoặc có một biểu tượng được sử dụng để có nghĩa là "Tìm kiếm", trong Unicode?

unicode symbols html-entities

— Prasad Jadhav
nguồn

có thể trùng lặp với ký tự Unicode nào bạn sử dụng trong trang web của mình? (thay vì các biểu tượng hình ảnh)

— Kzqai

4

Bạn có thể sử dụng một chuỗi các glyph: U + 0053, U + 0065, U + 0061, U + 0072, U + 0063, U + 0068 8-)}

— Keith Thompson

1

Nếu câu hỏi này đã bị đóng, thì câu hỏi này cũng vậy.

— Ciro Santilli 郝海东冠状病事件

Không chắc chắn nếu svg làm điều đó cho bạn nhưng đây là những gì tôi đã sử dụng, bạn có thể thay đổi màu sắc từ thuộc tính Stroke. <svg style = "height: 1em;" viewBox = "0 0 12 13"> <g Stro-width = "2" Stro = "# 999999" fill = "none"> <path d = "M11,29 11,71l-4-4" /> <circle cx = "5" cy = "5" r = "4" /> </ g> </ svg>

— gà

204

Có KÍNH TẠO ĐIỂM TRÊN NỀN TẢNG U + 1F50D () và KÍNH TẠO ĐIỂM QUYỀN LÃI QUYỀN U + 1F50E (🔎).

Bạn nên sử dụng (trong HTML) 🔍hoặc🔎

Tuy nhiên, chúng không được hỗ trợ bởi nhiều phông chữ (fileformat.info chỉ liệt kê một vài phông chữ như hỗ trợ Codepoint với một glyph thích hợp).

Cũng lưu ý rằng chúng nằm ngoài BMP , vì vậy một số phần mềm có khả năng Unicode có thể gặp sự cố khi hiển thị chúng, ngay cả khi chúng có phông chữ hỗ trợ chúng.

Nói chung, Unicode Glyph có thể được tìm kiếm bằng cách sử dụng một trang web như fileformat.info . Điều này tìm kiếm "chỉ" trong tên và thuộc tính của glyphs Unicode, nhưng chúng thường chứa đủ siêu dữ liệu để cho phép kết quả tìm kiếm tốt (ví dụ: tôi đã tìm kiếm "kính" và duyệt danh sách kết quả)

— Joachim Sauer
nguồn

7

@Prasad Jadhav, vấn đề hỗ trợ Unicode hiện nay chủ yếu là vấn đề về phông chữ và đây thực sự là một câu hỏi khác. Đối với các ký tự là hiếm (trong các phông chữ) như vậy, một phông chữ nhúng ( @font face) có lẽ là tùy chọn duy nhất và hơi khó hiểu (vì Symbola là một phông chữ lớn như vậy). Các ký tự cũng xuất hiện trong Quivira (phiên bản 3.7) và Segoe UI Symbol (phiên bản 5,01), nhưng đó vẫn là một bộ phông chữ rất hạn chế. Quivira là một phông chữ miễn phí, Segoe UI Symbol được cung cấp cùng với Windows 7 và cho phép nhúng có thể chỉnh sửa.

— Jukka K. Korpela

21

Tôi có thể giới thiệu "Máy ghi âm điện thoại" U + 2315 ⌕không? Nó hoàn toàn không liên quan nhưng giống với kính lúp bằng cách nào đó và dường như được bao gồm trong các phông chữ tiêu chuẩn, trong đó U + 1F50D và U + 1F50E thì không.

— zopieux

1

Arial (trên Windows) cũng hỗ trợ "kính lúp trỏ trái"

— Spinal

1

Đối với những người tò mò, nó hiển thị màu trên Chromebook: i.imgur.com/86b0a2o.png

— LB--

5

Nếu bạn không muốn tô màu, hãy sử dụng bộ chọn biến thể unicode 15 sau nó và thay vào đó nó sẽ xuất hiện dưới dạng 🔎︎

— pfg

123

Sử dụng ký hiệu ((được mã hóa thành ⚲hoặc ⚲) và xoay nó để đạt được hiệu quả mong muốn:

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

Nó xoay một biểu tượng :)

— Ricky
nguồn

1

Vấn đề là phải có một văn bản glyph, và biểu tượng trông đẹp hơn so với unicode. +1.

— Niloct

1

@Niloct Đó là một câu trả lời html. Tôi không thể thấy câu hỏi cụ thể về html. Trong xaml bạn sẽ làm một cái gì đó như <Grid.RenderTransform><CompositeTransform Rotation="-45" /></Grid.RenderTransform>. Có phải chúng ta đang lập trình web được cấp ngay bây giờ khi đặt câu hỏi unicode?

— John

3

Trên Linux (Ubuntu) trông rất tốt nhưng khi tôi sử dụng windows tôi chỉ có thể thấy một hình vuông.

— Eliasz Kubala

6

Điều đó có nghĩa là trung tính theo nghĩa "không phải nam hay nữ". Nếu bạn sẽ sử dụng một ký tự chỉ cho glyph của nó thì tốt hơn hết bạn nên đặt nó vào một phông chữ được gán ở đâu đó trong Khu vực sử dụng riêng tư hoặc sử dụng PNG, thay vì nói "không phải nam hay nữ", sau đó áp dụng một phong cách để làm cho nó trông giống như 🔍hoặc 🔎.

— Jon Hanna

1

Điều này làm việc thực sự tốt cho tôi. Tôi đã làm một <span class='icn icn-find'></span>css rồi

.icn-find:after { 				-webkit-transform: rotate(45deg); 				-moz-transform: rotate(45deg); 				-o-transform: rotate(45deg); 				transform: rotate(45deg); 				display: block; 				content: "\26B2"; 			}

. Hoạt động tuyệt vời!

— teewuane

61

Tôi khuyên bạn nên sử dụng http://shapecatcher.com/ để giúp tìm kiếm các ký tự unicode. Nó cho phép bạn vẽ hình dạng mà bạn theo sau, sau đó liệt kê các kết quả khớp gần nhất với hình dạng đó.

— john holt ripley
nguồn

10

đó là một công cụ tuyệt vời nó chủ yếu tìm thấy Q và O khi tôi cố gắng tìm kiếm một chiếc kính lúp nhưng vẫn ... công cụ khá ngọt ngào

— redbmk

8

Tôi đã tìm thấy kính lúp. Cố gắng vẽ tốt hơn: p

— vsync

1

Tôi tìm thấy một số hình ảnh và nhân vật đẹp ở đây: charbase.com/block/misiverse-symbols-and-pictographs

— Sebastian

công cụ rất hay nhưng không tìm thấy biểu tượng kính lúp / tìm kiếm, không có danh sách các ký tự và đáng buồn là không được cập nhật kể từ năm 2012

— Mousey

30

Hiển thị chính xác tại Chrome OS - ảnh chụp màn hình từ hệ thống này.

༗ U + 0F17

⌕ U + 2315

ᰄ U + 1C04

— Vitaly Zdanevich
nguồn

đăng mã nhân vật? nó không hiển thị

— Mousey

1

@Mousey đã thêm mã và ảnh chụp màn hình

— Vitaly Zdanevich

14

OMG, đầu tiên tôi tự hỏi tại sao bạn lại đặt một cú đánh vào đó để tìm giải pháp ...

— Thomas Weller

Đây là câu trả lời tốt nhất. Kính lúp trông tuyệt vời. Năm 2018, tất cả các nhân vật unicode bị rối tung khi bị biến thành biểu tượng cảm xúc. Tôi đã sử dụng nó như thế này cho một hình thức tìm kiếm:#searchform:after { content: "\002315"; margin-left: -24px; }

— Ciprian

1

Cảm ơn bạn. U + 2315 hoạt động trong chế độ xem đánh dấu dựa trên JSF xml (RichFaces) như sau: <a4j: commandButton value = "# {someBooleanExpr? '& # X25bc;' : '& # x2315;'} "/>

— Lisa

6

Bạn chỉ có thể thêm CSS này vào tiêu đề của bạn

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

tiếp theo thêm mã này vào nơi bạn muốn hiển thị biểu tượng glyph.

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

Chúc vui vẻ.

— Eliasz Kubala
nguồn

1

Thêm nhiều tệp CSS vào tiêu đề làm chậm tải trang. Các tệp CSS đang chặn kết xuất.

— tinkerr 11/03/2015

Bạn chỉ có thể thêm phần quan trọng của tệp này nếu bạn quan tâm đến kết xuất.

— Eliasz Kubala

2

Chống giảm tải, sử dụng phông chữ css thực sự rất hợp lý đặc biệt là khi bạn thấy mình cần ngày càng nhiều biểu tượng.

— rr-

Tôi đến trang này để tìm một "biểu tượng" có thể được đặt trong phần giữ chỗ (bên trong một <input>), do đó đây chỉ là một giải pháp cho các trường hợp bạn có thể sử dụng HTML.

— Armfoot

Upvote cho FontAwgie. Hàng tấn glyphs miễn phí cho web. Rất hữu ích.

— PRman