Apakah ada Simbol mesin terbang Unicode untuk mewakili "Pencarian" [ditutup]

191

Unicode memiliki sejuta ikon seperti mesin terbang, tetapi sangat sulit untuk dicari.

Apakah ada mesin terbang Unicode yang terlihat seperti "Binokular" atau "kaca pembesar"? Atau apakah ada simbol yang digunakan untuk berarti "Cari", yang ada di Unicode?

unicode symbols html-entities

— Prasad Jadhav
sumber

kemungkinan duplikat karakter Unicode apa yang Anda gunakan di situs web Anda? (Alih-alih ikon gambar)

— Kzqai

4

Anda dapat menggunakan urutan mesin terbang: U + 0053, U + 0065, U + 0061, U + 0072, U + 0063, 8-8})

— Keith Thompson

1

Jika pertanyaan lain ini ditutup, maka pertanyaan ini juga harus ada.

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

Tidak yakin apakah svg melakukannya untuk Anda, tetapi ini yang saya gunakan, Anda dapat mengubah warna dari atribut stroke. <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" /> <circle cx = "5" cy = "5" r = "4" /> </g> </svg>

— ayam

204

Ada U + 1F50D KACA PEMBESARAN KIRI PENYIMPANAN (and) dan U + 1F50E KACA PEMBESARAN TEPAT KANAN (🔎).

Anda harus menggunakan (dalam HTML) 🔍atau🔎

Namun, mereka tidak didukung oleh banyak font (fileformat.info hanya mencantumkan beberapa font sebagai mendukung Codepoint dengan mesin terbang yang tepat).

Juga perhatikan bahwa mereka berada di luar BMP , sehingga beberapa perangkat lunak yang mampu Unicode mungkin memiliki masalah dalam merendernya, bahkan jika mereka memiliki font yang mendukungnya.

Umumnya Unicode Glyphs dapat dicari menggunakan situs seperti fileformat.info . Ini mencari "hanya" dalam nama dan properti mesin terbang Unicode, tetapi biasanya berisi cukup metadata untuk memungkinkan hasil pencarian yang baik (untuk jawaban ini saya mencari "kaca" dan menelusuri daftar hasil, misalnya)

— Joachim Sauer
sumber

7

@ Parad Jadhav, masalah dukungan Unicode sebagian besar masalah font saat ini, dan itu benar-benar pertanyaan yang berbeda. Untuk karakter yang jarang (dalam font) seperti ini, font yang tertanam ( @font face) mungkin satu-satunya pilihan, dan agak bermasalah (karena Symbola adalah font yang besar). Karakter juga muncul dalam Quivira (versi 3.7) dan Simbol Segoe UI (versi 5.01), tetapi itu masih merupakan set font yang sangat terbatas. Quivira adalah font gratis, Segoe UI Symbol dikirimkan bersama Windows 7 dan memungkinkan penyisipan yang dapat diedit.

— Jukka K. Korpela

21

Mungkin saya sarankan "perekam telepon" U + 2315: ⌕? Ini benar-benar tidak berhubungan tetapi menyerupai kaca pembesar entah bagaimana dan tampaknya dimasukkan dalam font standar, di mana U + 1F50D dan U + 1F50E tidak.

— zopieux

1

Arial (di Windows) juga mendukung "kaca pembesar penunjuk arah kiri"

— Spinal

1

Bagi mereka yang ingin tahu, itu membuat warna pada Chromebook: i.imgur.com/86b0a2o.png

— LB--

5

Jika Anda tidak ingin pewarnaan, gunakan pemilih variasi unicode 15 setelahnya dan itu akan muncul sebagai 🔎︎

— pfg

123

Gunakan simbol ⚲ (disandikan sebagai ⚲atau ⚲), dan putar untuk mendapatkan efek yang diinginkan:

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

Memutar simbol :)

— Ricky
sumber

1

Intinya adalah memiliki berbasis teks mesin terbang, dan simbolnya jauh lebih baik daripada yang unicode. +1.

— Niloct

1

@Niloct Ini adalah jawaban html. Saya tidak dapat melihat pertanyaannya khusus html. Di xaml Anda akan melakukan sesuatu seperti <Grid.RenderTransform><CompositeTransform Rotation="-45" /></Grid.RenderTransform>. Apakah kita menerima pemrograman web begitu saja saat mengajukan pertanyaan unicode?

— John

3

Di Linux (Ubuntu) terlihat sangat bagus tetapi ketika saya menggunakan windows saya hanya bisa melihat persegi.

— Eliasz Kubala

6

Itu berarti netral dalam arti "tidak laki-laki atau perempuan". Jika Anda akan menggunakan karakter hanya untuk mesin terbangnya maka Anda akan lebih baik meletakkannya di font yang ditugaskan di suatu tempat di Area Penggunaan Pribadi, atau menggunakan PNG, daripada mengatakan "bukan laki-laki atau perempuan" dan kemudian menerapkan gaya agar terlihat seperti 🔍atau 🔎.

— Jon Hanna

1

Ini bekerja sangat baik untuk saya. Saya membuat <span class='icn icn-find'></span>css saat itu

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

. Bagus sekali!

— teewuane

61

Saya akan merekomendasikan menggunakan http://shapecatcher.com/ untuk membantu mencari karakter unicode. Hal ini memungkinkan Anda untuk menggambar bentuk yang Anda cari, dan kemudian daftar yang paling cocok dengan bentuk itu.

— john holt ripley
sumber

10

itu alat yang luar biasa. sebagian besar menemukan Q dan O ketika saya mencoba mencari kaca pembesar tetapi masih ... alat yang cukup manis

— redbmk

8

Saya telah menemukan kaca pembesar. Cobalah untuk menggambar lebih baik: p

— vsync

1

Saya menemukan beberapa gambar dan karakter yang bagus di sini: charbase.com/block/miscellaneous-symbols-and-pictographs

— Sebastian

alat yang sangat bagus tetapi tidak menemukan ikon kaca pembesar / pencarian, tidak ada daftar karakter dan sayangnya tidak diperbarui sejak 2012

— Mousey

30

Ditampilkan dengan benar di Chrome OS - tangkapan layar dari sistem ini.

༗ U + 0F17

⌕ U + 2315

ᰄ U + 1C04

— Vitaly Zdanevich
sumber

memposting kode karakter? tidak ditampilkan

— Mousey

1

@Mousey menambahkan kode dan tangkapan layar

— Vitaly Zdanevich

14

OMG, mula-mula saya bertanya-tanya mengapa Anda mencari keledai di sana untuk solusinya ...

— Thomas Weller

Ini jawaban terbaik. Kaca pembesarnya tampak luar biasa. Pada tahun 2018, semua karakter unicode dikacaukan dengan diubah menjadi emoji. Saya telah menggunakannya seperti ini untuk formulir pencarian:#searchform:after { content: "\002315"; margin-left: -24px; }

— Ciprian

1

Terima kasih. U + 2315 bekerja dalam tampilan markup berbasis JSF xml (RichFaces) sebagai berikut: <a4j: commandButton value = "# {someBooleanExpr? '& # X25bc;' : '& # x2315;'} "/>

— Lisa

6

Anda bisa menambahkan CSS ini ke tajuk Anda

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

selanjutnya tambahkan kode ini di tempat di mana Anda ingin menampilkan simbol mesin terbang.

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

Selamat bersenang-senang.

— Eliasz Kubala
sumber

1

Menambahkan lebih banyak file CSS ke header memperlambat pemuatan halaman. File CSS adalah render-blocking.

— tinkerr

Anda hanya dapat menambahkan bagian penting dari file ini jika Anda peduli tentang rendering.

— Eliasz Kubala

2

Counter-downvoting, menggunakan font css sebenarnya sangat masuk akal terutama ketika Anda membutuhkan lebih banyak ikon.

— RR

Saya tiba di halaman ini mencari "ikon" yang dapat ditempatkan di placeholder (di dalam <input>), oleh karena itu ini hanya solusi untuk kasus di mana Anda dapat menggunakan HTML.

— Armfoot

Suara positif untuk FontAwesome. Banyak mesin terbang gratis untuk web. Sangat berguna.

— PRMan