มีสัญลักษณ์สัญลักษณ์ยูนิโคดเพื่อเป็นตัวแทนของ "ค้นหา" [ปิด]


191

Unicode มีร่ายมนตร์ไอคอนเป็นล้าน แต่มันยากมากที่จะค้นหา

มีสัญลักษณ์ยูนิโคดที่ดูเหมือน "กล้องสองตา" หรือ "แว่นขยาย" หรือไม่? หรือมีสัญลักษณ์ที่ใช้หมายถึง "ค้นหา" ซึ่งอยู่ใน Unicode หรือไม่?



4
คุณสามารถใช้ลำดับของร่ายมนตร์: U + 0053, U + 0065, U + 0061, U + 0072, U + 0063, U + 0068 8-)}
Keith Thompson

1
หากคำถามอื่นนี้ถูกปิดดังนั้นคำถามนี้ควร
Ciro Santilli 郝海东冠状病六四事件法轮功

ไม่แน่ใจว่า 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

มีแก้ว MAGNIFYING LEFT-POINTING U + 1F50DและU + 1F50E RIGHT-POINTING MAGNIFYING GLASS (🔎)

คุณควรใช้ (เป็น HTML) &#x1F50D;หรือ&#x1F50E;

อย่างไรก็ตามฟอนต์หลายตัวนั้นไม่รองรับ (fileformat.info จะแสดงรายการฟอนต์เพียงไม่กี่ตัวที่รองรับ Codepoint ด้วย glyph ที่เหมาะสม)

โปรดทราบว่าพวกเขาอยู่นอกBMPดังนั้นซอฟต์แวร์ที่มีคุณสมบัติ Unicode บางอย่างอาจมีปัญหาในการแสดงผลแม้ว่าพวกเขาจะมีแบบอักษรที่รองรับก็ตาม

โดยทั่วไป Unicode ร่ายมนตร์สามารถค้นหาโดยใช้เว็บไซต์เช่นfileformat.info การค้นหานี้ "เท่านั้น" ในชื่อและคุณสมบัติของร่ายมนตร์ Unicode แต่พวกเขามักจะมีข้อมูลเมตาเพียงพอที่จะอนุญาตให้ผลลัพธ์การค้นหาที่ดี (สำหรับคำตอบนี้ฉันค้นหา "แก้ว" และเรียกดูรายการผลลัพธ์เช่น)


7
@ Prasad Jadhav ปัญหาการสนับสนุน Unicode ส่วนใหญ่เป็นปัญหาแบบอักษรในปัจจุบันและเป็นคำถามที่แตกต่างกันจริงๆ สำหรับตัวละครที่หายาก (เป็นแบบอักษร) เช่นนี้ตัวอักษรแบบฝังตัว ( @font face) อาจเป็นตัวเลือกเดียวและค่อนข้างมีปัญหา (เนื่องจาก Symbola เป็นแบบอักษรขนาดใหญ่) ตัวละครยังปรากฏใน Quivira (รุ่น 3.7) และสัญลักษณ์ Segoe UI (รุ่น 5.01) แต่ก็ยังคงเป็นชุดแบบอักษรที่ จำกัด มาก Quivira เป็นแบบอักษรฟรี Segoe UI Symbol มาพร้อมกับ Windows 7 และอนุญาตให้ฝังได้
Jukka K. Korpela

21
ฉันขอแนะนำ "เครื่องบันทึกโทรศัพท์" U + 2315: ได้ไหม มันไม่เกี่ยวข้องกันโดยสิ้นเชิง แต่คล้ายกับแว่นขยาย แต่อย่างใดและดูเหมือนจะรวมอยู่ในแบบอักษรมาตรฐานที่ U + 1F50D และ U + 1F50E ทำไม่ได้
zopieux

1
Arial (บน Windows) ยังรองรับ "แว่นขยายชี้ไปทางซ้าย"
กระดูกสันหลัง

1
สำหรับผู้ที่อยากรู้อยากเห็นมันมีสีใน Chromebooks: 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-specific ใน XAML <Grid.RenderTransform><CompositeTransform Rotation="-45" /></Grid.RenderTransform>คุณต้องการทำสิ่งที่ชอบ พวกเรากำลังจดจ่ออยู่กับการเขียนโปรแกรมเว็บตอนนี้เมื่อถามคำถาม Unicode หรือไม่?
John

3
บน Linux (Ubuntu) ดูดีมาก แต่เมื่อฉันใช้ windows ฉันสามารถเห็นรูปสี่เหลี่ยม
Eliasz Kubala

6
นั่นหมายถึงเพศในแง่ "ไม่ใช่ผู้ชายหรือผู้หญิง" หากคุณจะใช้ตัวอักษรสำหรับสัญลักษณ์ของมันคุณควรที่จะวางไว้ในแบบอักษรที่กำหนดไว้ที่ไหนสักแห่งในพื้นที่ใช้ส่วนตัวหรือใช้ PNG แทนที่จะพูดว่า "ไม่ใช่ทั้งชายและหญิง" จากนั้นจึงใช้ รูปแบบที่จะทำให้มันมีลักษณะเหมือนหรือ🔍 🔎
Jon Hanna

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's และ O เมื่อฉันลองค้นหาแว่นขยาย แต่ก็ยัง ... เครื่องมือที่น่ารัก
redbmk

8
ฉันพบแว่นขยายแล้ว พยายามวาดให้ดีขึ้น: p
vsync

1
ฉันพบรูปภาพและตัวละครที่น่ารักมากมายที่นี่: charbase.com/block/miscellaneous-symbols-and-pictographs
Sebastian

เครื่องมือที่ดีมาก แต่ไม่พบไอคอนแว่นขยาย / ค้นหาไม่มีรายการของตัวละครและไม่อัปเดตอย่างน่าเศร้าตั้งแต่ปี 2012
Mousey

30

แสดงถูกต้องที่ Chrome OS - ภาพหน้าจอจากระบบนี้

โหราศาสตร์ทิเบต sgra gcan -char rtags U + 0F17U + 0F17

เครื่องบันทึกโทรศัพท์ (U + 2315)U + 2315

ตัวอักษร lepcha gla (U + 1C04)U + 1C04


โพสต์รหัสตัวละคร? ไม่แสดง
Mousey

1
@Mousey เพิ่มรหัสและภาพหน้าจอ
Vitaly Zdanevich

14
OMG แรกฉันสงสัยว่าทำไมคุณใส่ตูด strikethrough ที่นั่นเพื่อแก้ปัญหา ...
Thomas Weller

นี่คือคำตอบที่ดีที่สุด แว่นขยายดูดีมาก ในปี 2018 ตัวละครยูนิโค้ดทุกตัวสับสนโดยการเปลี่ยนเป็นอิโมจิ ฉันใช้แบบนี้กับแบบฟอร์มการค้นหา:#searchform:after { content: "\002315"; margin-left: -24px; }
Ciprian

1
ขอบคุณ. U + 2315 ทำงานในมุมมองมาร์กอัปที่อิงตาม JSF (RichFaces) ดังนี้: <a4j: commandButton value = "# {someBooleanExpr? '& # x25bc;' : '& # x2315;'} "/>
Lisa

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

คุณสามารถเพิ่มได้เฉพาะส่วนสำคัญของไฟล์นี้หากคุณต้องการแสดงผล
Eliasz Kubala

2
ตอบโต้การลงคะแนนการใช้ฟอนต์ css นั้นสมเหตุสมผลมากโดยเฉพาะเมื่อคุณพบว่าตัวเองต้องการไอคอนมากขึ้นเรื่อย ๆ
rr-

ฉันมาที่หน้านี้เพื่อค้นหา "ไอคอน" ที่สามารถวางไว้ใน<input>พื้นที่ที่สำรองไว้ (ภายใน) ดังนั้นนี่เป็นเพียงวิธีการแก้ปัญหาสำหรับกรณีที่คุณสามารถใช้ HTML
Armfoot

โหวตขึ้นโหวตเพื่อ FontAwesome ตันของร่ายมนตร์ฟรีสำหรับเว็บ มีประโยชน์มาก.
PRMan
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.