Y a-t-il un symbole de glyphe Unicode pour représenter «Recherche» [fermé]


191

Unicode a un million de glyphes ressemblant à des icônes, mais ils sont très difficiles à rechercher.

Existe-t-il un glyphe Unicode qui ressemble à une «binoculaire» ou une «loupe»? Ou y a-t-il un symbole utilisé pour signifier "Recherche", qui est en Unicode?



4
Vous pouvez utiliser une séquence de glyphes: U + 0053, U + 0065, U + 0061, U + 0072, U + 0063, U + 0068 8-)}
Keith Thompson

1
Si cette autre question était close, celle-ci devrait l'être aussi.
Ciro Santilli 郝海东 冠状 病 六四 事件 法轮功

Je ne sais pas si svg le fait pour vous mais c'est ce que j'ai utilisé, vous pouvez changer la couleur de l'attribut de trait. <svg style = "hauteur: 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>
poulets

Réponses:


204

Il y a un VERRE AGRANDISSANT POINTANT GAUCHE U + 1F50D (🔍) et un VERRE GRANDISSANT POINTAGE DROIT U + 1F50E (🔎).

Vous devez utiliser (en HTML) &#x1F50D;ou&#x1F50E;

Elles ne sont cependant pas prises en charge par de nombreuses polices (fileformat.info ne répertorie que quelques polices comme prenant en charge le point de code avec un glyphe approprié).

Notez également qu'ils sont en dehors du BMP , donc certains logiciels compatibles Unicode peuvent avoir des problèmes pour les rendre, même s'ils ont des polices qui les prennent en charge.

Généralement, les glyphes Unicode peuvent être recherchés à l'aide d'un site tel que fileformat.info . Cela recherche "uniquement" dans les noms et propriétés des glyphes Unicode, mais ils contiennent généralement suffisamment de métadonnées pour permettre de bons résultats de recherche (pour cette réponse, j'ai recherché "verre" et parcouru la liste résultante, par exemple)


7
@Prasad Jadhav, le problème de support Unicode est principalement un problème de police de nos jours, et c'est vraiment une question différente. Pour des caractères aussi rares (dans les polices) que ceux-ci, une police intégrée ( @font face) est probablement la seule option, et quelque peu problématique (puisque Symbola est une police si grande). Les caractères apparaissent également dans Quivira (version 3.7) et Segoe UI Symbol (version 5.01), mais il s'agit toujours d'un ensemble de polices très limité. Quivira est une police gratuite, Segoe UI Symbol est livré avec Windows 7 et permet une intégration modifiable.
Jukka K. Korpela

21
Est-ce que je recommande « enregistreur de téléphone » U + 2315: ? Il est totalement indépendant mais ressemble en quelque sorte à une loupe et semble être inclus dans les polices standard, contrairement à U + 1F50D et U + 1F50E.
zopieux

1
Arial (sous Windows) prend également en charge la "loupe pointant vers la gauche"
Spinal

1
Pour les curieux, il est rendu en couleur sur les Chromebooks: i.imgur.com/86b0a2o.png
LB--

5
Si vous ne voulez pas de coloration, utilisez le sélecteur de variation unicode 15 après celui-ci et il apparaîtra à la place comme 🔎︎
pfg

124

Utilisez le symbole ⚲ (codé comme &#9906;ou &#x26B2;) et faites-le pivoter pour obtenir l'effet souhaité:

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

Il fait pivoter un symbole :)


1
Eh bien, le but est d'avoir un glyphe basé sur du texte, et le symbole est bien plus beau que celui d'unicode. +1.
Niloct

1
@Niloct C'est une réponse html. Je ne vois pas que la question est spécifique au HTML. En xaml, vous feriez quelque chose comme <Grid.RenderTransform><CompositeTransform Rotation="-45" /></Grid.RenderTransform>. Prenons-nous la programmation Web pour acquis maintenant lorsque nous posons une question Unicode?
John

3
Sous Linux (Ubuntu), cela a l'air très bien, mais lorsque j'utilise Windows, je ne vois qu'un carré.
Eliasz Kubala

6
Cela signifie neutre dans le sens "ni masculin ni féminin". Si vous envisagez d'utiliser un caractère uniquement pour son glyphe, vous feriez mieux de le mettre dans une police attribuée quelque part dans la zone d'utilisation privée, ou d'utiliser un PNG, plutôt que de dire "ni homme ni femme", puis appliquer un style pour le faire ressembler à 🔍ou 🔎.
Jon Hanna

1
Cela a très bien fonctionné pour moi. J'ai fait un <span class='icn icn-find'></span>puis le css était .icn-find:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); display: block; content: "\26B2"; }. Fonctionne très bien!
teewuane

61

Je recommande d'utiliser http://shapecatcher.com/ pour aider à la recherche de caractères Unicode. Il vous permet de dessiner la forme que vous recherchez, puis répertorie les correspondances les plus proches de cette forme.


10
c'est un outil formidable. il trouve principalement des questions et des réponses lorsque j'essaye de chercher une loupe mais quand même ... un outil assez sympa
redbmk

8
J'ai trouvé une loupe. Essayez de mieux dessiner: p
vsync

1
J'ai trouvé de belles images et personnages ici: charbase.com/block/miscellaneous-symbols-and-pictographs
Sebastian

très bel outil mais ne trouve pas d'icône de loupe / recherche, pas de liste de personnages et malheureusement pas mis à jour depuis 2012
Mousey

30

Affiché correctement dans Chrome OS - captures d'écran de ce système.

signe astrologique tibétain sgra gcan -char rtags U + 0F17U + 0F17

enregistreur téléphonique (U + 2315)U + 2315

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


poster le code du caractère? il ne s'affiche pas
Mousey

1
@Mousey a ajouté des codes et des captures d'écran
Vitaly Zdanevich

14
OMG, je me suis d'abord demandé pourquoi vous avez mis un âne barré pour une solution ...
Thomas Weller

C'est la meilleure réponse. La loupe a l'air géniale. En 2018, tous les personnages Unicode sont foirés en étant transformés en emojis. Je l'ai utilisé comme ceci pour un formulaire de recherche:#searchform:after { content: "\002315"; margin-left: -24px; }
Ciprian

1
Je vous remercie. U + 2315 a travaillé dans une vue de balisage JSF xml (RichFaces) comme suit: <a4j: commandButton value = "# {someBooleanExpr? '& # X25bc;' : '& # x2315;'} "/>
Lisa

6

Vous pouvez simplement ajouter ce CSS à votre en-tête

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

ajoutez ensuite ce code à l'endroit où vous souhaitez afficher un symbole de glyphe.

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

S'amuser.


1
L'ajout de fichiers CSS supplémentaires à l'en-tête ralentit le chargement de la page. Les fichiers CSS bloquent le rendu.
tinkerr

Vous ne pouvez ajouter qu'une partie importante de ce fichier si vous vous souciez du rendu.
Eliasz Kubala du

2
Le contre-vote, l'utilisation de polices css est en fait très raisonnable, surtout lorsque vous avez besoin de plus en plus d'icônes.
rr-

Je suis arrivé sur cette page à la recherche d'une "icône" qui pourrait être placée dans des espaces réservés (à l'intérieur d'un <input>), donc ce n'est qu'une solution pour les cas où vous pouvez utiliser du HTML.
Armfoot

Vote favorable pour FontAwesome. Des tonnes de glyphes gratuits pour le Web. Très utile.
PRMan
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.