@iconscout/unicons
Version:
Ready to use font icons for your next project
58 lines (55 loc) • 1.99 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Unicons</title>
<link rel="stylesheet" href="./css/thinline.css" />
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z"
crossorigin="anonymous"
/>
</head>
<body>
<h1 style="color: #43ab92">Icon is here <i class="uit uit-airplay"></i></h1>
<h2 style="color: #f75f00">Icon is here <i class="uit uit-print"></i></h2>
<h3 style="color: #c93838">
Icon is here <i class="uit uit-angle-double-up"></i>
</h3>
<h4 style="color: #512c62">Icon is star <i class="uit uit-star"></i></h4>
<h5 style="color: #000000">
Icon is here <i class="uit uit-shield-exclamation"></i>
</h5>
<p style="color: green">
<i class="uit uit-stethoscope-alt"></i> Paragraph<i
class="uit uit-window-grid"
></i>
</p>
<h1 style="color: #ec9b3b">
Icon is here <i class="uit uit-white uit-store-slash"></i>
</h1>
<h1 style="color: #f75f00; --uit-color: #000000">
Icon is here <i class="uit uit-white uit-social-distancing"></i>
</h1>
<h1 style="color: #c93838">
Icon is here <i class="uit uit-white uit-sanitizer-alt"></i>
</h1>
<h1 style="color: #512c62">
Icon is here <i class="uit uit-white uit-polygon"></i>
</h1>
<h1 style="color: #000000">
Icon is here <i class="uit uit-white uit-microscope"></i>
</h1>
<button type="button" class="btn btn-primary btn-lg">
<i class="uit uit-arrow-circle-right"></i>
Click Me
</button>
<button type="button" class="btn btn-primary">
<i class="uit uit-arrow-circle-right"></i>
Click Me
</button>
</body>
</html>