haditha_ui/assets/hadith/font-icons/demo-external-svg.html
mustafa-rezae 631e6cce32 Add font icons.
Work on hero page
2025-02-16 16:21:52 +03:30

72 lines
3.1 KiB
HTML

<!doctype html>
<html>
<head>
<title>IcoMoon - SVG Icons</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="demo-files/demo.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="bgc1 clearfix">
<div class="mhl">
<p>SVG Icons - Generated by <a href="https://icomoon.io/app">IcoMoon</a></p><p><strong>Notice</strong>: This demo (along with "symbol-defs.svg" and "svgxuse.js" files) should be <b>hosted on a web server</b> to work properly.</p>
</div>
</header>
<div class="clearfix mhl ptl">
<h1 class="mvm mtn fgc1">Grid Size: 0</h1>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="h h-search-normal"><use xlink:href="symbol-defs.svg#h-search-normal"></use></svg><span class="name"> h-search-normal</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="h h-Icon1"><use xlink:href="symbol-defs.svg#h-Icon1"></use></svg><span class="name"> h-Icon1</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="h h-copyright"><use xlink:href="symbol-defs.svg#h-copyright"></use></svg><span class="name"> h-copyright</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="h h-sms"><use xlink:href="symbol-defs.svg#h-sms"></use></svg><span class="name"> h-sms</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="h h-message-text"><use xlink:href="symbol-defs.svg#h-message-text"></use></svg><span class="name"> h-message-text</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="h h-Icon"><use xlink:href="symbol-defs.svg#h-Icon"></use></svg><span class="name"> h-Icon</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="h h-Frame-174352"><use xlink:href="symbol-defs.svg#h-Frame-174352"></use></svg><span class="name"> h-Frame-174352</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="h h-Frame-174341"><use xlink:href="symbol-defs.svg#h-Frame-174341"></use></svg><span class="name"> h-Frame-174341</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="h h-Frame-17435"><use xlink:href="symbol-defs.svg#h-Frame-17435"></use></svg><span class="name"> h-Frame-17435</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="h h-Frame-17434"><use xlink:href="symbol-defs.svg#h-Frame-17434"></use></svg><span class="name"> h-Frame-17434</span>
</div>
</div>
</div>
<script defer src="svgxuse.min.js"></script>
</body>
</html>