so://phie

blob: 7d6a4df556819867cdd62885fca91475111a59d5 (6449 bytes)[doc][blame][raw]

  1<!DOCTYPE html>
  2<html lang="en" dir="ltr">
  3	<head>
  4		<meta charset="utf-8">
  5		<meta name="viewport" content="width=device-width, initial-scale=1.0">
  6		<meta name="author" content="typable">
  7		<meta name="keywords" content="">
  8		<meta name="description" content="">
  9		<meta name="robots" content="noindex, nofollow">
 10		<meta name="google" content="notranslate">
 11		<title>git.typable</title>
 12		<link href="/asset/img/favicon.png" rel="shortcut icon" type="image/png">
 13		<link href="/asset/css/style.css" rel="stylesheet">
 14		<script src="/asset/js/index.js" type="module"></script>
 15	</head>
 16	<body>
 17		<main class="container-fluid">
 18			<div class="row">
 19				<div class="container">
 20					<aside>
 21						<h4 data-rel="top">Icons</h4>
 22						<ul>
 23							<li data-rel="material-icons">Material Icons</li>
 24						</ul>
 25					</aside>
 26					<ul class="breadcrumb">
 27						<li><a href="/">Home</a></li>
 28						<li><a href="/design-system">Design System</a></li>
 29						<li>Icons</li>
 30					</ul>
 31					<h1>Icons</h1>
 32					<p class="subline">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 33					<h2 data-ref="material-icons">Material Icons</h2>
 34					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 35					<code><pre><span class="c">@import</span> <span class="p">url</span>(<span class="s">'<span class="ref ref-link">https://git.typable.dev/std/less/icons.less</span>'</span>);</pre></code>
 36					<div class="space-2"></div>
 37					<ul class="icon-list">
 38						<li class="icon"><span class="ico">menu</span></li>
 39						<li class="icon"><span class="ico">close</span></li>
 40						<li class="icon"><span class="ico">expand_more</span></li>
 41						<li class="icon"><span class="ico">expand_less</span></li>
 42						<li class="icon"><span class="ico">navigate_before</span></li>
 43						<li class="icon"><span class="ico">navigate_next</span></li>
 44						<li class="icon"><span class="ico">arrow_back</span></li>
 45						<li class="icon"><span class="ico">arrow_forward</span></li>
 46						<li class="icon"><span class="ico">more_horiz</span></li>
 47						<li class="icon"><span class="ico">refresh</span></li>
 48						<li class="icon"><span class="ico">fullscreen</span></li>
 49						<li class="icon"><span class="ico">fullscreen_exit</span></li>
 50						<li class="icon"><span class="ico">search</span></li>
 51						<li class="icon"><span class="ico">done</span></li>
 52						<li class="icon"><span class="ico">settings</span></li>
 53						<li class="icon"><span class="ico">favorite_outline</span></li>
 54						<li class="icon"><span class="ico">delete_outline</span></li>
 55						<li class="icon"><span class="ico">language</span></li>
 56						<li class="icon"><span class="ico">schedule</span></li>
 57						<li class="icon"><span class="ico">event</span></li>
 58						<li class="icon"><span class="ico">logout</span></li>
 59						<li class="icon"><span class="ico">login</span></li>
 60						<li class="icon"><span class="ico">code</span></li>
 61						<li class="icon"><span class="ico">print</span></li>
 62						<li class="icon"><span class="ico">bookmark_border</span></li>
 63						<li class="icon"><span class="ico">https</span></li>
 64						<li class="icon"><span class="ico">inbox</span></li>
 65						<li class="icon"><span class="ico">add</span></li>
 66						<li class="icon"><span class="ico">send</span></li>
 67						<li class="icon"><span class="ico">link</span></li>
 68						<li class="icon"><span class="ico">edit</span></li>
 69						<li class="icon"><span class="ico">push_pin</span></li>
 70						<li class="icon"><span class="ico">block</span></li>
 71						<li class="icon"><span class="ico">undo</span></li>
 72						<li class="icon"><span class="ico">redo</span></li>
 73						<li class="icon"><span class="ico">gesture</span></li>
 74						<li class="icon"><span class="ico">tag</span></li>
 75						<li class="icon"><span class="ico">play_arrow</span></li>
 76						<li class="icon"><span class="ico">pause</span></li>
 77						<li class="icon"><span class="ico">mic</span></li>
 78						<li class="icon"><span class="ico">star</span></li>
 79						<li class="icon"><span class="ico">insert_photo</span></li>
 80						<li class="icon"><span class="ico">format_quote</span></li>
 81						<li class="icon"><span class="ico">pie_chart</span></li>
 82						<li class="icon"><span class="ico">format_size</span></li>
 83						<li class="icon"><span class="ico">format_bold</span></li>
 84						<li class="icon"><span class="ico">format_italic</span></li>
 85						<li class="icon"><span class="ico">format_underlined</span></li>
 86						<li class="icon"><span class="ico">bubble_chart</span></li>
 87						<li class="icon"><span class="ico">border_color</span></li>
 88						<li class="icon"><span class="ico">format_color_fill</span></li>
 89						<li class="icon"><span class="ico">share</span></li>
 90						<li class="icon"><span class="ico">public</span></li>
 91						<li class="icon"><span class="ico">person</span></li>
 92						<li class="icon"><span class="ico">people</span></li>
 93						<li class="icon"><span class="ico">person_add</span></li>
 94						<li class="icon"><span class="ico">notifications_none</span></li>
 95						<li class="icon"><span class="ico">notifications</span></li>
 96						<li class="icon"><span class="ico">notifications_active</span></li>
 97						<li class="icon"><span class="ico">file_download</span></li>
 98						<li class="icon"><span class="ico">file_upload</span></li>
 99						<li class="icon"><span class="ico">upload</span></li>
100						<li class="icon"><span class="ico">download</span></li>
101						<li class="icon"><span class="ico">upload_file</span></li>
102						<li class="icon"><span class="ico">folder</span></li>
103						<li class="icon"><span class="ico">cloud</span></li>
104						<li class="icon"><span class="ico">email</span></li>
105						<li class="icon"><span class="ico">call</span></li>
106						<li class="icon"><span class="ico">chat_bubble</span></li>
107						<li class="icon"><span class="ico">alternate_email</span></li>
108					</ul>
109					<p>Source: <a href="https://fonts.google.com/icons">Material Icons - Google</a></p>
110				</div>
111			</div>
112		</main>
113		<footer class="container-fluid">
114			<div class="row">
115				<div class="container">
116					<p>&copy; typable 2021</p>
117					<a href="https://www.buymeacoffee.com/typable">Donate</a>
118					<a href="https://typable.dev/imprint">Imprint</a>
119					<a href="https://typable.dev/terms">Terms</a>
120				</div>
121			</div>
122		</footer>
123	</body>
124</html>