authentik-win95-setup/fonts/ms-sans-serif/fonteditor/example-symbol.html

1345 lines
120 KiB
HTML
Raw Permalink Normal View History

2024-02-19 23:39:33 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>symbol example</title>
<link rel="stylesheet" href="./page.css">
<style>
.iconfont-list .icon {
width: 42px;
height: 42px;
transform: scale(1);
-webkit-transition: transform .25s ease-out 0s;
transition: transform .25s ease-out 0s;
}
.iconfont-list .icon:hover {
transform: scale(1.5);
}
</style>
</head>
<body>
<svg style="position: absolute; width: 0; height: 0;" width="0" height="0" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol id=".null" viewBox="0 -232 1000 1000"><path d=""></path></symbol><symbol id="nonmarkingreturn" viewBox="0 -232 1000 1000"><path d=""></path></symbol><symbol id="space" viewBox="0 -232 1000 1000"><path d=""></path></symbol><symbol id="exclam" viewBox="0 -232 1000 1000"><path d="M94 613 l0 47 l0 46 l47 0 l47 0 l0 -46 l0 -47 l-47 0 l-47 0 ZM94 -12 l0 218 l0 219 l15 0 l16 0 l0 47 l0 47 l16 0 l15 0 l0 -47 l0 -47 l16 0 l16 0 l0 -219 l0 -218 l-47 0 l-47 0 Z"></path></symbol><symbol id="quotedbl" viewBox="0 -232 1000 1000"><path d="M219 456 l0 78 l0 78 l15 0 l16 0 l0 47 l0 47 l16 0 l15 0 l0 -47 l0 -47 l16 0 l15 0 l0 -78 l0 -78 l-46 0 l-47 0 ZM31 456 l0 78 l0 78 l16 0 l15 0 l0 47 l0 47 l16 0 l16 0 l0 -47 l0 -47 l15 0 l16 0 l0 -78 l0 -78 l-47 0 l-47 0 Z"></path></symbol><symbol id="numbersign" viewBox="0 -232 1000 1000"><path d="M219 -12 l0 62 l0 63 l-16 0 l-15 0 l0 31 l0 31 l-63 0 l-63 0 l0 31 l0 32 l63 0 l63 0 l0 15 l0 16 l-16 0 l-16 0 l0 63 l0 62 l-15 0 l-16 0 l0 31 l0 31 l-47 0 l-47 0 l0 32 l0 31 l47 0 l47 0 l0 16 l0 15 l-16 0 l-15 0 l0 78 l0 78 l31 0 l31 0 l0 -62 l0 -62 l16 0 l16 0 l0 -32 l0 -31 l62 0 l62 0 l0 16 l0 15 l-15 0 l-16 0 l0 78 l0 78 l31 0 l32 0 l0 -62 l0 -62 l15 0 l16 0 l0 -32 l0 -31 l63 0 l62 0 l0 -31 l0 -32 l-62 0 l-63 0 l0 -15 l0 -16 l16 0 l15 0 l0 -62 l0 -63 l16 0 l16 0 l0 -31 l0 -31 l46 0 l47 0 l0 -32 l0 -31 l-47 0 l-46 0 l0 -15 l0 -16 l15 0 l16 0 l0 -78 l0 -78 l-31 0 l-32 0 l0 62 l0 63 l-15 0 l-16 0 l0 31 l0 31 l-63 0 l-62 0 l0 -15 l0 -16 l16 0 l15 0 l0 -78 l0 -78 l-31 0 l-31 0 ZM375 238 l0 15 l0 16 l-16 0 l-15 0 l0 63 l0 62 l-16 0 l-16 0 l0 31 l0 31 l-62 0 l-62 0 l0 -15 l0 -16 l15 0 l16 0 l0 -62 l0 -63 l15 0 l16 0 l0 -31 l0 -31 l62 0 l63 0 Z"></path></symbol><symbol id="dollar" viewBox="0 -232 1000 1000"><path d="M250 -106 l0 31 l0 32 l-31 0 l-31 0 l0 15 l0 16 l-32 0 l-31 0 l0 16 l0 15 l-16 0 l-15 0 l0 32 l0 31 l-16 0 l-16 0 l0 47 l0 46 l16 0 l16 0 l0 32 l0 31 l15 0 l16 0 l0 16 l0 15 l16 0 l15 0 l0 16 l0 16 l32 0 l31 0 l0 15 l0 16 l15 0 l16 0 l0 140 l0 141 l-31 0 l-31 0 l0 -16 l0 -15 l-16 0 l-16 0 l0 -16 l0 -15 l-15 0 l-16 0 l0 -47 l0 -47 l-47 0 l-47 0 l0 47 l0 47 l16 0 l15 0 l0 31 l0 31 l16 0 l16 0 l0 16 l0 15 l31 0 l31 0 l0 16 l0 15 l47 0 l47 0 l0 47 l0 47 l31 0 l31 0 l0 -47 l0 -47 l47 0 l47 0 l0 -15 l0 -16 l32 0 l31 0 l0 -15 l0 -16 l15 0 l16 0 l0 -31 l0 -31 l16 0 l15 0 l0 -63 l0 -63 l-15 0 l-16 0 l0 -31 l0 -31 l-16 0 l-15 0 l0 -16 l0 -15 l-16 0 l-15 0 l0 -16 l0 -15 l-32 0 l-31 0 l0 -16 l0 -16 l-31 0 l-32 0 l0 -125 l0 -125 l16 0 l16 0 l0 16 l0 16 l15 0 l16 0 l0 15 l0 16 l16 0 l15 0 l0 31 l0 31 l47 0 l47 0 l0 -31 l0 -31 l-16 0 l-15 0 l0 -31 l0 -32 l-16 0 l-15 0 l0 -15 l0 -16 l-32 0 l-31 0 l0 -16 l0 -15 l-31 0 l-32 0 l0 -32 l0 -31 l-31 0 l-31 0 ZM250 19 l0 110 l0 109 l-16 0 l-15 0 l0 -16 l0 -15 l-16 0 l-15 0 l0 -16 l0 -16 l-16 0 l-16 0 l0 -46 l0 -47 l16 0 l16 0 l0 -16 l0 -15 l15 0 l16 0 l0 -16 l0 -16 l15 0 l16 0 ZM375 363 l0 16 l0 15 l16 0 l15 0 l0 16 l0 15 l16 0 l16 0 l0 63 l0 63 l-16 0 l-16 0 l0 15 l0 16 l-15 0 l-16 0 l0 15 l0 16 l-31 0 l-32 0 l0 -125 l0 -125 l32 0 l31 0 Z"></path></symbol><symbol id="percent" viewBox="0 -232 1000 1000"><path d="M594 394 l0 16 l0 15 l-32 0 l-31 0 l0 31 l0 32 l-15 0 l-16 0 l0 62 l0 63 l16 0 l15 0 l0 31 l0 31 l31 0 l32 0 l0 16 l0 15 l62 0 l63 0 l0 -15 l0 -16 l31 0 l31 0 l0 -31 l0 -31 l16 0 l15 0 l0 -63 l0 -62 l-15 0 l-16 0 l0 -32 l0 -31 l-31 0 l-31 0 l0 -15 l0 -16 l-63 0 l-62 0 ZM719 456 l0 16 l0 16 l15 0 l16 0 l0 62 l0 63 l-16 0 l-15 0 l0 15 l0 16 l-63 0 l-62 0 l0 -16 l0 -15 l-16 0 l-16 0 l0 -63 l0 -62 l16 0 l16 0 l0 -16 l0 -16 l62 0 l63 0 ZM562 -12 l0 31 l0 31 l-15 0 l-16 0 l0 32 l0 31 l-15 0 l-16 0 l0 31 l0 31 l-16 0 l-15 0 l0 31 l0 32 l-16 0 l-15 0 l0 31 l0 31 l-16 0 l-16 0 l0 32 l0 31 l-15 0 l-16 0 l0 31 l0 31 l-16 0 l-15 0 l0 31 l0 32 l-16 0 l-16 0 l0 31 l0 31 l-15 0 l-16 0 l0 32 l0 31 l-15 0 l-16 0 l0 31 l0 31 l-16 0 l-15 0 l0 16 l0 15 l47 0 l46 0 l0 -31 l0 -31 l16 0 l16 0 l0 -31 l0 -31 l
<div class="main">
<h1>MS Sans Serif symbol example</h1>
<ul class="iconfont-list">
<li>
<svg class="icon"><use xlink:href="#space"/></svg>
<div class="code">symbol</div>
<div class="name">space</div>
</li>
<li>
<svg class="icon"><use xlink:href="#exclam"/></svg>
<div class="code">symbol</div>
<div class="name">exclam</div>
</li>
<li>
<svg class="icon"><use xlink:href="#quotedbl"/></svg>
<div class="code">symbol</div>
<div class="name">quotedbl</div>
</li>
<li>
<svg class="icon"><use xlink:href="#numbersign"/></svg>
<div class="code">symbol</div>
<div class="name">numbersign</div>
</li>
<li>
<svg class="icon"><use xlink:href="#dollar"/></svg>
<div class="code">symbol</div>
<div class="name">dollar</div>
</li>
<li>
<svg class="icon"><use xlink:href="#percent"/></svg>
<div class="code">symbol</div>
<div class="name">percent</div>
</li>
<li>
<svg class="icon"><use xlink:href="#ampersand"/></svg>
<div class="code">symbol</div>
<div class="name">ampersand</div>
</li>
<li>
<svg class="icon"><use xlink:href="#quotesingle"/></svg>
<div class="code">symbol</div>
<div class="name">quotesingle</div>
</li>
<li>
<svg class="icon"><use xlink:href="#parenleft"/></svg>
<div class="code">symbol</div>
<div class="name">parenleft</div>
</li>
<li>
<svg class="icon"><use xlink:href="#parenright"/></svg>
<div class="code">symbol</div>
<div class="name">parenright</div>
</li>
<li>
<svg class="icon"><use xlink:href="#password_bullet"/></svg>
<div class="code">symbol</div>
<div class="name">password_bullet</div>
</li>
<li>
<svg class="icon"><use xlink:href="#asterisk"/></svg>
<div class="code">symbol</div>
<div class="name">asterisk</div>
</li>
<li>
<svg class="icon"><use xlink:href="#plus"/></svg>
<div class="code">symbol</div>
<div class="name">plus</div>
</li>
<li>
<svg class="icon"><use xlink:href="#comma"/></svg>
<div class="code">symbol</div>
<div class="name">comma</div>
</li>
<li>
<svg class="icon"><use xlink:href="#hyphen"/></svg>
<div class="code">symbol</div>
<div class="name">hyphen</div>
</li>
<li>
<svg class="icon"><use xlink:href="#period"/></svg>
<div class="code">symbol</div>
<div class="name">period</div>
</li>
<li>
<svg class="icon"><use xlink:href="#slash"/></svg>
<div class="code">symbol</div>
<div class="name">slash</div>
</li>
<li>
<svg class="icon"><use xlink:href="#zero"/></svg>
<div class="code">symbol</div>
<div class="name">zero</div>
</li>
<li>
<svg class="icon"><use xlink:href="#one"/></svg>
<div class="code">symbol</div>
<div class="name">one</div>
</li>
<li>
<svg class="icon"><use xlink:href="#two"/></svg>
<div class="code">symbol</div>
<div class="name">two</div>
</li>
<li>
<svg class="icon"><use xlink:href="#three"/></svg>
<div class="code">symbol</div>
<div class="name">three</div>
</li>
<li>
<svg class="icon"><use xlink:href="#four"/></svg>
<div class="code">symbol</div>
<div class="name">four</div>
</li>
<li>
<svg class="icon"><use xlink:href="#five"/></svg>
<div class="code">symbol</div>
<div class="name">five</div>
</li>
<li>
<svg class="icon"><use xlink:href="#six"/></svg>
<div class="code">symbol</div>
<div class="name">six</div>
</li>
<li>
<svg class="icon"><use xlink:href="#seven"/></svg>
<div class="code">symbol</div>
<div class="name">seven</div>
</li>
<li>
<svg class="icon"><use xlink:href="#eight"/></svg>
<div class="code">symbol</div>
<div class="name">eight</div>
</li>
<li>
<svg class="icon"><use xlink:href="#nine"/></svg>
<div class="code">symbol</div>
<div class="name">nine</div>
</li>
<li>
<svg class="icon"><use xlink:href="#colon"/></svg>
<div class="code">symbol</div>
<div class="name">colon</div>
</li>
<li>
<svg class="icon"><use xlink:href="#semicolon"/></svg>
<div class="code">symbol</div>
<div class="name">semicolon</div>
</li>
<li>
<svg class="icon"><use xlink:href="#less"/></svg>
<div class="code">symbol</div>
<div class="name">less</div>
</li>
<li>
<svg class="icon"><use xlink:href="#equal"/></svg>
<div class="code">symbol</div>
<div class="name">equal</div>
</li>
<li>
<svg class="icon"><use xlink:href="#greater"/></svg>
<div class="code">symbol</div>
<div class="name">greater</div>
</li>
<li>
<svg class="icon"><use xlink:href="#question"/></svg>
<div class="code">symbol</div>
<div class="name">question</div>
</li>
<li>
<svg class="icon"><use xlink:href="#at"/></svg>
<div class="code">symbol</div>
<div class="name">at</div>
</li>
<li>
<svg class="icon"><use xlink:href="#A"/></svg>
<div class="code">symbol</div>
<div class="name">A</div>
</li>
<li>
<svg class="icon"><use xlink:href="#B"/></svg>
<div class="code">symbol</div>
<div class="name">B</div>
</li>
<li>
<svg class="icon"><use xlink:href="#C"/></svg>
<div class="code">symbol</div>
<div class="name">C</div>
</li>
<li>
<svg class="icon"><use xlink:href="#D"/></svg>
<div class="code">symbol</div>
<div class="name">D</div>
</li>
<li>
<svg class="icon"><use xlink:href="#E"/></svg>
<div class="code">symbol</div>
<div class="name">E</div>
</li>
<li>
<svg class="icon"><use xlink:href="#F"/></svg>
<div class="code">symbol</div>
<div class="name">F</div>
</li>
<li>
<svg class="icon"><use xlink:href="#G"/></svg>
<div class="code">symbol</div>
<div class="name">G</div>
</li>
<li>
<svg class="icon"><use xlink:href="#H"/></svg>
<div class="code">symbol</div>
<div class="name">H</div>
</li>
<li>
<svg class="icon"><use xlink:href="#I"/></svg>
<div class="code">symbol</div>
<div class="name">I</div>
</li>
<li>
<svg class="icon"><use xlink:href="#J"/></svg>
<div class="code">symbol</div>
<div class="name">J</div>
</li>
<li>
<svg class="icon"><use xlink:href="#K"/></svg>
<div class="code">symbol</div>
<div class="name">K</div>
</li>
<li>
<svg class="icon"><use xlink:href="#L"/></svg>
<div class="code">symbol</div>
<div class="name">L</div>
</li>
<li>
<svg class="icon"><use xlink:href="#M"/></svg>
<div class="code">symbol</div>
<div class="name">M</div>
</li>
<li>
<svg class="icon"><use xlink:href="#N"/></svg>
<div class="code">symbol</div>
<div class="name">N</div>
</li>
<li>
<svg class="icon"><use xlink:href="#O"/></svg>
<div class="code">symbol</div>
<div class="name">O</div>
</li>
<li>
<svg class="icon"><use xlink:href="#P"/></svg>
<div class="code">symbol</div>
<div class="name">P</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Q"/></svg>
<div class="code">symbol</div>
<div class="name">Q</div>
</li>
<li>
<svg class="icon"><use xlink:href="#R"/></svg>
<div class="code">symbol</div>
<div class="name">R</div>
</li>
<li>
<svg class="icon"><use xlink:href="#S"/></svg>
<div class="code">symbol</div>
<div class="name">S</div>
</li>
<li>
<svg class="icon"><use xlink:href="#T"/></svg>
<div class="code">symbol</div>
<div class="name">T</div>
</li>
<li>
<svg class="icon"><use xlink:href="#U"/></svg>
<div class="code">symbol</div>
<div class="name">U</div>
</li>
<li>
<svg class="icon"><use xlink:href="#V"/></svg>
<div class="code">symbol</div>
<div class="name">V</div>
</li>
<li>
<svg class="icon"><use xlink:href="#W"/></svg>
<div class="code">symbol</div>
<div class="name">W</div>
</li>
<li>
<svg class="icon"><use xlink:href="#X"/></svg>
<div class="code">symbol</div>
<div class="name">X</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Y"/></svg>
<div class="code">symbol</div>
<div class="name">Y</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Z"/></svg>
<div class="code">symbol</div>
<div class="name">Z</div>
</li>
<li>
<svg class="icon"><use xlink:href="#bracketleft"/></svg>
<div class="code">symbol</div>
<div class="name">bracketleft</div>
</li>
<li>
<svg class="icon"><use xlink:href="#backslash"/></svg>
<div class="code">symbol</div>
<div class="name">backslash</div>
</li>
<li>
<svg class="icon"><use xlink:href="#bracketright"/></svg>
<div class="code">symbol</div>
<div class="name">bracketright</div>
</li>
<li>
<svg class="icon"><use xlink:href="#asciicircum"/></svg>
<div class="code">symbol</div>
<div class="name">asciicircum</div>
</li>
<li>
<svg class="icon"><use xlink:href="#underscore"/></svg>
<div class="code">symbol</div>
<div class="name">underscore</div>
</li>
<li>
<svg class="icon"><use xlink:href="#grave"/></svg>
<div class="code">symbol</div>
<div class="name">grave</div>
</li>
<li>
<svg class="icon"><use xlink:href="#a"/></svg>
<div class="code">symbol</div>
<div class="name">a</div>
</li>
<li>
<svg class="icon"><use xlink:href="#b"/></svg>
<div class="code">symbol</div>
<div class="name">b</div>
</li>
<li>
<svg class="icon"><use xlink:href="#c"/></svg>
<div class="code">symbol</div>
<div class="name">c</div>
</li>
<li>
<svg class="icon"><use xlink:href="#d"/></svg>
<div class="code">symbol</div>
<div class="name">d</div>
</li>
<li>
<svg class="icon"><use xlink:href="#e"/></svg>
<div class="code">symbol</div>
<div class="name">e</div>
</li>
<li>
<svg class="icon"><use xlink:href="#f"/></svg>
<div class="code">symbol</div>
<div class="name">f</div>
</li>
<li>
<svg class="icon"><use xlink:href="#g"/></svg>
<div class="code">symbol</div>
<div class="name">g</div>
</li>
<li>
<svg class="icon"><use xlink:href="#h"/></svg>
<div class="code">symbol</div>
<div class="name">h</div>
</li>
<li>
<svg class="icon"><use xlink:href="#i"/></svg>
<div class="code">symbol</div>
<div class="name">i</div>
</li>
<li>
<svg class="icon"><use xlink:href="#j"/></svg>
<div class="code">symbol</div>
<div class="name">j</div>
</li>
<li>
<svg class="icon"><use xlink:href="#k"/></svg>
<div class="code">symbol</div>
<div class="name">k</div>
</li>
<li>
<svg class="icon"><use xlink:href="#l"/></svg>
<div class="code">symbol</div>
<div class="name">l</div>
</li>
<li>
<svg class="icon"><use xlink:href="#m"/></svg>
<div class="code">symbol</div>
<div class="name">m</div>
</li>
<li>
<svg class="icon"><use xlink:href="#n"/></svg>
<div class="code">symbol</div>
<div class="name">n</div>
</li>
<li>
<svg class="icon"><use xlink:href="#o"/></svg>
<div class="code">symbol</div>
<div class="name">o</div>
</li>
<li>
<svg class="icon"><use xlink:href="#p"/></svg>
<div class="code">symbol</div>
<div class="name">p</div>
</li>
<li>
<svg class="icon"><use xlink:href="#q"/></svg>
<div class="code">symbol</div>
<div class="name">q</div>
</li>
<li>
<svg class="icon"><use xlink:href="#r"/></svg>
<div class="code">symbol</div>
<div class="name">r</div>
</li>
<li>
<svg class="icon"><use xlink:href="#s"/></svg>
<div class="code">symbol</div>
<div class="name">s</div>
</li>
<li>
<svg class="icon"><use xlink:href="#t"/></svg>
<div class="code">symbol</div>
<div class="name">t</div>
</li>
<li>
<svg class="icon"><use xlink:href="#u"/></svg>
<div class="code">symbol</div>
<div class="name">u</div>
</li>
<li>
<svg class="icon"><use xlink:href="#v"/></svg>
<div class="code">symbol</div>
<div class="name">v</div>
</li>
<li>
<svg class="icon"><use xlink:href="#w"/></svg>
<div class="code">symbol</div>
<div class="name">w</div>
</li>
<li>
<svg class="icon"><use xlink:href="#x"/></svg>
<div class="code">symbol</div>
<div class="name">x</div>
</li>
<li>
<svg class="icon"><use xlink:href="#y"/></svg>
<div class="code">symbol</div>
<div class="name">y</div>
</li>
<li>
<svg class="icon"><use xlink:href="#z"/></svg>
<div class="code">symbol</div>
<div class="name">z</div>
</li>
<li>
<svg class="icon"><use xlink:href="#braceleft"/></svg>
<div class="code">symbol</div>
<div class="name">braceleft</div>
</li>
<li>
<svg class="icon"><use xlink:href="#bar"/></svg>
<div class="code">symbol</div>
<div class="name">bar</div>
</li>
<li>
<svg class="icon"><use xlink:href="#braceright"/></svg>
<div class="code">symbol</div>
<div class="name">braceright</div>
</li>
<li>
<svg class="icon"><use xlink:href="#asciitilde"/></svg>
<div class="code">symbol</div>
<div class="name">asciitilde</div>
</li>
<li>
<svg class="icon"><use xlink:href="#uni007F"/></svg>
<div class="code">symbol</div>
<div class="name">uni007F</div>
</li>
<li>
<svg class="icon"><use xlink:href="#uni00A0"/></svg>
<div class="code">symbol</div>
<div class="name">uni00A0</div>
</li>
<li>
<svg class="icon"><use xlink:href="#exclamdown"/></svg>
<div class="code">symbol</div>
<div class="name">exclamdown</div>
</li>
<li>
<svg class="icon"><use xlink:href="#cent"/></svg>
<div class="code">symbol</div>
<div class="name">cent</div>
</li>
<li>
<svg class="icon"><use xlink:href="#sterling"/></svg>
<div class="code">symbol</div>
<div class="name">sterling</div>
</li>
<li>
<svg class="icon"><use xlink:href="#currency"/></svg>
<div class="code">symbol</div>
<div class="name">currency</div>
</li>
<li>
<svg class="icon"><use xlink:href="#yen"/></svg>
<div class="code">symbol</div>
<div class="name">yen</div>
</li>
<li>
<svg class="icon"><use xlink:href="#brokenbar"/></svg>
<div class="code">symbol</div>
<div class="name">brokenbar</div>
</li>
<li>
<svg class="icon"><use xlink:href="#section"/></svg>
<div class="code">symbol</div>
<div class="name">section</div>
</li>
<li>
<svg class="icon"><use xlink:href="#dieresis"/></svg>
<div class="code">symbol</div>
<div class="name">dieresis</div>
</li>
<li>
<svg class="icon"><use xlink:href="#copyright"/></svg>
<div class="code">symbol</div>
<div class="name">copyright</div>
</li>
<li>
<svg class="icon"><use xlink:href="#ordfeminine"/></svg>
<div class="code">symbol</div>
<div class="name">ordfeminine</div>
</li>
<li>
<svg class="icon"><use xlink:href="#guillemotleft"/></svg>
<div class="code">symbol</div>
<div class="name">guillemotleft</div>
</li>
<li>
<svg class="icon"><use xlink:href="#logicalnot"/></svg>
<div class="code">symbol</div>
<div class="name">logicalnot</div>
</li>
<li>
<svg class="icon"><use xlink:href="#uni00AD"/></svg>
<div class="code">symbol</div>
<div class="name">uni00AD</div>
</li>
<li>
<svg class="icon"><use xlink:href="#registered"/></svg>
<div class="code">symbol</div>
<div class="name">registered</div>
</li>
<li>
<svg class="icon"><use xlink:href="#macron"/></svg>
<div class="code">symbol</div>
<div class="name">macron</div>
</li>
<li>
<svg class="icon"><use xlink:href="#degree"/></svg>
<div class="code">symbol</div>
<div class="name">degree</div>
</li>
<li>
<svg class="icon"><use xlink:href="#plusminus"/></svg>
<div class="code">symbol</div>
<div class="name">plusminus</div>
</li>
<li>
<svg class="icon"><use xlink:href="#uni00B2"/></svg>
<div class="code">symbol</div>
<div class="name">uni00B2</div>
</li>
<li>
<svg class="icon"><use xlink:href="#uni00B3"/></svg>
<div class="code">symbol</div>
<div class="name">uni00B3</div>
</li>
<li>
<svg class="icon"><use xlink:href="#acute"/></svg>
<div class="code">symbol</div>
<div class="name">acute</div>
</li>
<li>
<svg class="icon"><use xlink:href="#mu"/></svg>
<div class="code">symbol</div>
<div class="name">mu</div>
</li>
<li>
<svg class="icon"><use xlink:href="#paragraph"/></svg>
<div class="code">symbol</div>
<div class="name">paragraph</div>
</li>
<li>
<svg class="icon"><use xlink:href="#periodcentered"/></svg>
<div class="code">symbol</div>
<div class="name">periodcentered</div>
</li>
<li>
<svg class="icon"><use xlink:href="#cedilla"/></svg>
<div class="code">symbol</div>
<div class="name">cedilla</div>
</li>
<li>
<svg class="icon"><use xlink:href="#uni00B9"/></svg>
<div class="code">symbol</div>
<div class="name">uni00B9</div>
</li>
<li>
<svg class="icon"><use xlink:href="#ordmasculine"/></svg>
<div class="code">symbol</div>
<div class="name">ordmasculine</div>
</li>
<li>
<svg class="icon"><use xlink:href="#guillemotright"/></svg>
<div class="code">symbol</div>
<div class="name">guillemotright</div>
</li>
<li>
<svg class="icon"><use xlink:href="#onequarter"/></svg>
<div class="code">symbol</div>
<div class="name">onequarter</div>
</li>
<li>
<svg class="icon"><use xlink:href="#onehalf"/></svg>
<div class="code">symbol</div>
<div class="name">onehalf</div>
</li>
<li>
<svg class="icon"><use xlink:href="#threequarters"/></svg>
<div class="code">symbol</div>
<div class="name">threequarters</div>
</li>
<li>
<svg class="icon"><use xlink:href="#questiondown"/></svg>
<div class="code">symbol</div>
<div class="name">questiondown</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Agrave"/></svg>
<div class="code">symbol</div>
<div class="name">Agrave</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Aacute"/></svg>
<div class="code">symbol</div>
<div class="name">Aacute</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Acircumflex"/></svg>
<div class="code">symbol</div>
<div class="name">Acircumflex</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Atilde"/></svg>
<div class="code">symbol</div>
<div class="name">Atilde</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Adieresis"/></svg>
<div class="code">symbol</div>
<div class="name">Adieresis</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Aring"/></svg>
<div class="code">symbol</div>
<div class="name">Aring</div>
</li>
<li>
<svg class="icon"><use xlink:href="#AE"/></svg>
<div class="code">symbol</div>
<div class="name">AE</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Ccedilla"/></svg>
<div class="code">symbol</div>
<div class="name">Ccedilla</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Egrave"/></svg>
<div class="code">symbol</div>
<div class="name">Egrave</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Eacute"/></svg>
<div class="code">symbol</div>
<div class="name">Eacute</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Ecircumflex"/></svg>
<div class="code">symbol</div>
<div class="name">Ecircumflex</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Edieresis"/></svg>
<div class="code">symbol</div>
<div class="name">Edieresis</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Igrave"/></svg>
<div class="code">symbol</div>
<div class="name">Igrave</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Iacute"/></svg>
<div class="code">symbol</div>
<div class="name">Iacute</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Icircumflex"/></svg>
<div class="code">symbol</div>
<div class="name">Icircumflex</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Idieresis"/></svg>
<div class="code">symbol</div>
<div class="name">Idieresis</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Eth"/></svg>
<div class="code">symbol</div>
<div class="name">Eth</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Ntilde"/></svg>
<div class="code">symbol</div>
<div class="name">Ntilde</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Ograve"/></svg>
<div class="code">symbol</div>
<div class="name">Ograve</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Oacute"/></svg>
<div class="code">symbol</div>
<div class="name">Oacute</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Ocircumflex"/></svg>
<div class="code">symbol</div>
<div class="name">Ocircumflex</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Otilde"/></svg>
<div class="code">symbol</div>
<div class="name">Otilde</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Odieresis"/></svg>
<div class="code">symbol</div>
<div class="name">Odieresis</div>
</li>
<li>
<svg class="icon"><use xlink:href="#multiply"/></svg>
<div class="code">symbol</div>
<div class="name">multiply</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Oslash"/></svg>
<div class="code">symbol</div>
<div class="name">Oslash</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Ugrave"/></svg>
<div class="code">symbol</div>
<div class="name">Ugrave</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Uacute"/></svg>
<div class="code">symbol</div>
<div class="name">Uacute</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Ucircumflex"/></svg>
<div class="code">symbol</div>
<div class="name">Ucircumflex</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Udieresis"/></svg>
<div class="code">symbol</div>
<div class="name">Udieresis</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Yacute"/></svg>
<div class="code">symbol</div>
<div class="name">Yacute</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Thorn"/></svg>
<div class="code">symbol</div>
<div class="name">Thorn</div>
</li>
<li>
<svg class="icon"><use xlink:href="#germandbls"/></svg>
<div class="code">symbol</div>
<div class="name">germandbls</div>
</li>
<li>
<svg class="icon"><use xlink:href="#agrave"/></svg>
<div class="code">symbol</div>
<div class="name">agrave</div>
</li>
<li>
<svg class="icon"><use xlink:href="#aacute"/></svg>
<div class="code">symbol</div>
<div class="name">aacute</div>
</li>
<li>
<svg class="icon"><use xlink:href="#acircumflex"/></svg>
<div class="code">symbol</div>
<div class="name">acircumflex</div>
</li>
<li>
<svg class="icon"><use xlink:href="#atilde"/></svg>
<div class="code">symbol</div>
<div class="name">atilde</div>
</li>
<li>
<svg class="icon"><use xlink:href="#adieresis"/></svg>
<div class="code">symbol</div>
<div class="name">adieresis</div>
</li>
<li>
<svg class="icon"><use xlink:href="#aring"/></svg>
<div class="code">symbol</div>
<div class="name">aring</div>
</li>
<li>
<svg class="icon"><use xlink:href="#ae"/></svg>
<div class="code">symbol</div>
<div class="name">ae</div>
</li>
<li>
<svg class="icon"><use xlink:href="#ccedilla"/></svg>
<div class="code">symbol</div>
<div class="name">ccedilla</div>
</li>
<li>
<svg class="icon"><use xlink:href="#egrave"/></svg>
<div class="code">symbol</div>
<div class="name">egrave</div>
</li>
<li>
<svg class="icon"><use xlink:href="#eacute"/></svg>
<div class="code">symbol</div>
<div class="name">eacute</div>
</li>
<li>
<svg class="icon"><use xlink:href="#ecircumflex"/></svg>
<div class="code">symbol</div>
<div class="name">ecircumflex</div>
</li>
<li>
<svg class="icon"><use xlink:href="#edieresis"/></svg>
<div class="code">symbol</div>
<div class="name">edieresis</div>
</li>
<li>
<svg class="icon"><use xlink:href="#igrave"/></svg>
<div class="code">symbol</div>
<div class="name">igrave</div>
</li>
<li>
<svg class="icon"><use xlink:href="#iacute"/></svg>
<div class="code">symbol</div>
<div class="name">iacute</div>
</li>
<li>
<svg class="icon"><use xlink:href="#icircumflex"/></svg>
<div class="code">symbol</div>
<div class="name">icircumflex</div>
</li>
<li>
<svg class="icon"><use xlink:href="#idieresis"/></svg>
<div class="code">symbol</div>
<div class="name">idieresis</div>
</li>
<li>
<svg class="icon"><use xlink:href="#eth"/></svg>
<div class="code">symbol</div>
<div class="name">eth</div>
</li>
<li>
<svg class="icon"><use xlink:href="#ntilde"/></svg>
<div class="code">symbol</div>
<div class="name">ntilde</div>
</li>
<li>
<svg class="icon"><use xlink:href="#ograve"/></svg>
<div class="code">symbol</div>
<div class="name">ograve</div>
</li>
<li>
<svg class="icon"><use xlink:href="#oacute"/></svg>
<div class="code">symbol</div>
<div class="name">oacute</div>
</li>
<li>
<svg class="icon"><use xlink:href="#ocircumflex"/></svg>
<div class="code">symbol</div>
<div class="name">ocircumflex</div>
</li>
<li>
<svg class="icon"><use xlink:href="#otilde"/></svg>
<div class="code">symbol</div>
<div class="name">otilde</div>
</li>
<li>
<svg class="icon"><use xlink:href="#odieresis"/></svg>
<div class="code">symbol</div>
<div class="name">odieresis</div>
</li>
<li>
<svg class="icon"><use xlink:href="#divide"/></svg>
<div class="code">symbol</div>
<div class="name">divide</div>
</li>
<li>
<svg class="icon"><use xlink:href="#oslash"/></svg>
<div class="code">symbol</div>
<div class="name">oslash</div>
</li>
<li>
<svg class="icon"><use xlink:href="#ugrave"/></svg>
<div class="code">symbol</div>
<div class="name">ugrave</div>
</li>
<li>
<svg class="icon"><use xlink:href="#uacute"/></svg>
<div class="code">symbol</div>
<div class="name">uacute</div>
</li>
<li>
<svg class="icon"><use xlink:href="#ucircumflex"/></svg>
<div class="code">symbol</div>
<div class="name">ucircumflex</div>
</li>
<li>
<svg class="icon"><use xlink:href="#udieresis"/></svg>
<div class="code">symbol</div>
<div class="name">udieresis</div>
</li>
<li>
<svg class="icon"><use xlink:href="#yacute"/></svg>
<div class="code">symbol</div>
<div class="name">yacute</div>
</li>
<li>
<svg class="icon"><use xlink:href="#thorn"/></svg>
<div class="code">symbol</div>
<div class="name">thorn</div>
</li>
<li>
<svg class="icon"><use xlink:href="#ydieresis"/></svg>
<div class="code">symbol</div>
<div class="name">ydieresis</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Euro"/></svg>
<div class="code">symbol</div>
<div class="name">Euro</div>
</li>
<li>
<svg class="icon"><use xlink:href="#quotesinglbase"/></svg>
<div class="code">symbol</div>
<div class="name">quotesinglbase</div>
</li>
<li>
<svg class="icon"><use xlink:href="#florin"/></svg>
<div class="code">symbol</div>
<div class="name">florin</div>
</li>
<li>
<svg class="icon"><use xlink:href="#quotedblbase"/></svg>
<div class="code">symbol</div>
<div class="name">quotedblbase</div>
</li>
<li>
<svg class="icon"><use xlink:href="#ellipsis"/></svg>
<div class="code">symbol</div>
<div class="name">ellipsis</div>
</li>
<li>
<svg class="icon"><use xlink:href="#dagger"/></svg>
<div class="code">symbol</div>
<div class="name">dagger</div>
</li>
<li>
<svg class="icon"><use xlink:href="#daggerdbl"/></svg>
<div class="code">symbol</div>
<div class="name">daggerdbl</div>
</li>
<li>
<svg class="icon"><use xlink:href="#circumflex"/></svg>
<div class="code">symbol</div>
<div class="name">circumflex</div>
</li>
<li>
<svg class="icon"><use xlink:href="#perthousand"/></svg>
<div class="code">symbol</div>
<div class="name">perthousand</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Scaron"/></svg>
<div class="code">symbol</div>
<div class="name">Scaron</div>
</li>
<li>
<svg class="icon"><use xlink:href="#guilsinglleft"/></svg>
<div class="code">symbol</div>
<div class="name">guilsinglleft</div>
</li>
<li>
<svg class="icon"><use xlink:href="#OE"/></svg>
<div class="code">symbol</div>
<div class="name">OE</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Zcaron"/></svg>
<div class="code">symbol</div>
<div class="name">Zcaron</div>
</li>
<li>
<svg class="icon"><use xlink:href="#quoteleft"/></svg>
<div class="code">symbol</div>
<div class="name">quoteleft</div>
</li>
<li>
<svg class="icon"><use xlink:href="#quoteright"/></svg>
<div class="code">symbol</div>
<div class="name">quoteright</div>
</li>
<li>
<svg class="icon"><use xlink:href="#quotedblleft"/></svg>
<div class="code">symbol</div>
<div class="name">quotedblleft</div>
</li>
<li>
<svg class="icon"><use xlink:href="#quotedblright"/></svg>
<div class="code">symbol</div>
<div class="name">quotedblright</div>
</li>
<li>
<svg class="icon"><use xlink:href="#endash"/></svg>
<div class="code">symbol</div>
<div class="name">endash</div>
</li>
<li>
<svg class="icon"><use xlink:href="#emdash"/></svg>
<div class="code">symbol</div>
<div class="name">emdash</div>
</li>
<li>
<svg class="icon"><use xlink:href="#tilde"/></svg>
<div class="code">symbol</div>
<div class="name">tilde</div>
</li>
<li>
<svg class="icon"><use xlink:href="#trademark"/></svg>
<div class="code">symbol</div>
<div class="name">trademark</div>
</li>
<li>
<svg class="icon"><use xlink:href="#scaron"/></svg>
<div class="code">symbol</div>
<div class="name">scaron</div>
</li>
<li>
<svg class="icon"><use xlink:href="#guilsinglright"/></svg>
<div class="code">symbol</div>
<div class="name">guilsinglright</div>
</li>
<li>
<svg class="icon"><use xlink:href="#oe"/></svg>
<div class="code">symbol</div>
<div class="name">oe</div>
</li>
<li>
<svg class="icon"><use xlink:href="#zcaron"/></svg>
<div class="code">symbol</div>
<div class="name">zcaron</div>
</li>
<li>
<svg class="icon"><use xlink:href="#Ydieresis"/></svg>
<div class="code">symbol</div>
<div class="name">Ydieresis</div>
</li>
</ul>
</div>
</body>
</html>