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?



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


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

Jawaban:


204

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

Anda harus menggunakan (dalam HTML) &#x1F50D;atau&#x1F50E;

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)


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 &#9906;atau &#x26B2;), 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 :)


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.


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.

tanda astrologi tibet sgra gcan -char rtags U + 0F17U + 0F17

perekam telepon (U + 2315)U + 2315

lepcha letter gla (U + 1C04)U + 1C04


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.


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
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.