mirror of
https://github.com/tabler/tabler.git
synced 2025-12-26 11:16:12 +04:00
8119 lines
5.0 MiB
8119 lines
5.0 MiB
<!doctype html>
|
|
<!--
|
|
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
|
* @version 1.0.0-beta4
|
|
* @link https://tabler.io
|
|
* Copyright 2018-2021 The Tabler Authors
|
|
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
|
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
|
-->
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
|
|
<title>Icons - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
|
|
<!-- CSS files -->
|
|
<link href="./dist/css/tabler.min.css" rel="stylesheet"/>
|
|
<link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
|
|
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
|
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
|
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
|
|
</head>
|
|
<body class="antialiased">
|
|
<div class="wrapper">
|
|
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
|
<div class="container-xl">
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
|
|
<a href=".">
|
|
<img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
|
|
</a>
|
|
</h1>
|
|
<div class="navbar-nav flex-row order-md-last">
|
|
<div class="nav-item d-none d-md-flex me-3">
|
|
<div class="btn-list">
|
|
<a href="https://github.com/tabler/tabler" class="btn btn-outline-white" target="_blank" rel="noreferrer">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-github" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
|
|
Source code
|
|
</a>
|
|
<a href="https://github.com/sponsors/codecalm" class="btn btn-outline-white" target="_blank" rel="noreferrer">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/heart -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
|
Sponsor
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="nav-item dropdown d-none d-md-flex me-3">
|
|
<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/bell -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
|
|
<span class="badge bg-red"></span>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-end dropdown-menu-card">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="nav-item dropdown">
|
|
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
|
|
<span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
|
|
<div class="d-none d-xl-block ps-2">
|
|
<div>Paweł Kuna</div>
|
|
<div class="mt-1 small text-muted">UI Designer</div>
|
|
</div>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
|
|
<a href="#" class="dropdown-item">Set status</a>
|
|
<a href="#" class="dropdown-item">Profile & account</a>
|
|
<a href="#" class="dropdown-item">Feedback</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a href="#" class="dropdown-item">Settings</a>
|
|
<a href="#" class="dropdown-item">Logout</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<div class="navbar-expand-md">
|
|
<div class="collapse navbar-collapse" id="navbar-menu">
|
|
<div class="navbar navbar-light">
|
|
<div class="container-xl">
|
|
<ul class="navbar-nav">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="./index.html" >
|
|
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
|
|
</span>
|
|
<span class="nav-link-title">
|
|
Home
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item active dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
|
|
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/package -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
|
</span>
|
|
<span class="nav-link-title">
|
|
Interface
|
|
</span>
|
|
</a>
|
|
<div class="dropdown-menu">
|
|
<div class="dropdown-menu-columns">
|
|
<div class="dropdown-menu-column">
|
|
<a class="dropdown-item" href="./empty.html" >
|
|
Empty page
|
|
</a>
|
|
<a class="dropdown-item" href="./accordion.html" >
|
|
Accordion
|
|
</a>
|
|
<a class="dropdown-item" href="./blank.html" >
|
|
Blank page
|
|
</a>
|
|
<a class="dropdown-item" href="./buttons.html" >
|
|
Buttons
|
|
</a>
|
|
<a class="dropdown-item" href="./cards.html" >
|
|
Cards
|
|
</a>
|
|
<a class="dropdown-item" href="./cards-masonry.html" >
|
|
Cards Masonry
|
|
</a>
|
|
<a class="dropdown-item" href="./colors.html" >
|
|
Colors
|
|
</a>
|
|
<a class="dropdown-item" href="./dropdowns.html" >
|
|
Dropdowns
|
|
</a>
|
|
<a class="dropdown-item active" href="./icons.html" >
|
|
Icons
|
|
</a>
|
|
<a class="dropdown-item" href="./modals.html" >
|
|
Modals
|
|
</a>
|
|
<a class="dropdown-item" href="./maps.html" >
|
|
Maps
|
|
</a>
|
|
<a class="dropdown-item" href="./map-fullsize.html" >
|
|
Map fullsize
|
|
</a>
|
|
<a class="dropdown-item" href="./maps-vector.html" >
|
|
Vector maps
|
|
</a>
|
|
</div>
|
|
<div class="dropdown-menu-column">
|
|
<a class="dropdown-item" href="./navigation.html" >
|
|
Navigation
|
|
</a>
|
|
<a class="dropdown-item" href="./charts.html" >
|
|
Charts
|
|
</a>
|
|
<a class="dropdown-item" href="./pagination.html" >
|
|
Pagination
|
|
</a>
|
|
<a class="dropdown-item" href="./skeleton.html" >
|
|
Skeleton
|
|
</a>
|
|
<a class="dropdown-item" href="./tabs.html" >
|
|
Tabs
|
|
</a>
|
|
<a class="dropdown-item" href="./tables.html" >
|
|
Tables
|
|
</a>
|
|
<a class="dropdown-item" href="./carousel.html" >
|
|
Carousel
|
|
</a>
|
|
<a class="dropdown-item" href="./lists.html" >
|
|
Lists
|
|
</a>
|
|
<a class="dropdown-item" href="./typography.html" >
|
|
Typography
|
|
</a>
|
|
<a class="dropdown-item" href="./offcanvas.html" >
|
|
Offcanvas
|
|
</a>
|
|
<a class="dropdown-item" href="./markdown.html" >
|
|
Markdown
|
|
</a>
|
|
<div class="dropend">
|
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
|
|
Authentication
|
|
</a>
|
|
<div class="dropdown-menu">
|
|
<a href="./sign-in.html" class="dropdown-item">Sign in</a>
|
|
<a href="./sign-up.html" class="dropdown-item">Sign up</a>
|
|
<a href="./forgot-password.html" class="dropdown-item">Forgot password</a>
|
|
<a href="./terms-of-service.html" class="dropdown-item">Terms of service</a>
|
|
<a href="./auth-lock.html" class="dropdown-item">Lock screen</a>
|
|
</div>
|
|
</div>
|
|
<div class="dropend">
|
|
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
|
|
Error pages
|
|
</a>
|
|
<div class="dropdown-menu">
|
|
<a href="./error-404.html" class="dropdown-item">404 page</a>
|
|
<a href="./error-500.html" class="dropdown-item">500 page</a>
|
|
<a href="./error-maintenance.html" class="dropdown-item">Maintenance page</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="./form-elements.html" >
|
|
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 11 12 14 20 6" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
|
|
</span>
|
|
<span class="nav-link-title">
|
|
Form elements
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
|
|
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/star -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
|
|
</span>
|
|
<span class="nav-link-title">
|
|
Extra
|
|
</span>
|
|
</a>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="./activity.html" >
|
|
Activity
|
|
</a>
|
|
<a class="dropdown-item" href="./gallery.html" >
|
|
Gallery
|
|
</a>
|
|
<a class="dropdown-item" href="./invoice.html" >
|
|
Invoice
|
|
</a>
|
|
<a class="dropdown-item" href="./search-results.html" >
|
|
Search results
|
|
</a>
|
|
<a class="dropdown-item" href="./pricing.html" >
|
|
Pricing cards
|
|
</a>
|
|
<a class="dropdown-item" href="./users.html" >
|
|
Users
|
|
</a>
|
|
<a class="dropdown-item" href="./license.html" >
|
|
License
|
|
</a>
|
|
<a class="dropdown-item" href="./music.html" >
|
|
Music
|
|
</a>
|
|
<a class="dropdown-item" href="./widgets.html" >
|
|
Widgets
|
|
</a>
|
|
<a class="dropdown-item" href="./wizard.html" >
|
|
Wizard
|
|
</a>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
|
|
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/layout-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
|
</span>
|
|
<span class="nav-link-title">
|
|
Layout
|
|
</span>
|
|
</a>
|
|
<div class="dropdown-menu">
|
|
<div class="dropdown-menu-columns">
|
|
<div class="dropdown-menu-column">
|
|
<a class="dropdown-item" href="./layout-horizontal.html" >
|
|
Horizontal
|
|
</a>
|
|
<a class="dropdown-item" href="./layout-vertical.html" >
|
|
Vertical
|
|
</a>
|
|
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
|
|
Vertical transparent
|
|
</a>
|
|
<a class="dropdown-item" href="./layout-vertical-right.html" >
|
|
Right vertical
|
|
</a>
|
|
<a class="dropdown-item" href="./layout-condensed.html" >
|
|
Condensed
|
|
</a>
|
|
<a class="dropdown-item" href="./layout-condensed-dark.html" >
|
|
Condensed dark
|
|
</a>
|
|
<a class="dropdown-item" href="./layout-combo.html" >
|
|
Combined
|
|
</a>
|
|
</div>
|
|
<div class="dropdown-menu-column">
|
|
<a class="dropdown-item" href="./layout-navbar-dark.html" >
|
|
Navbar dark
|
|
</a>
|
|
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
|
|
Navbar sticky
|
|
</a>
|
|
<a class="dropdown-item" href="./layout-navbar-overlap.html" >
|
|
Navbar overlap
|
|
</a>
|
|
<a class="dropdown-item" href="./layout-dark.html" >
|
|
Dark mode
|
|
</a>
|
|
<a class="dropdown-item" href="./layout-rtl.html" >
|
|
RTL mode
|
|
</a>
|
|
<a class="dropdown-item" href="./layout-fluid.html" >
|
|
Fluid
|
|
</a>
|
|
<a class="dropdown-item" href="./layout-fluid-vertical.html" >
|
|
Fluid vertical
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="./docs/index.html" >
|
|
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
|
</span>
|
|
<span class="nav-link-title">
|
|
Documentation
|
|
</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
|
|
<form action="." method="get">
|
|
<div class="input-icon">
|
|
<span class="input-icon-addon">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/search -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
|
</span>
|
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="page-wrapper">
|
|
<div class="container-xl">
|
|
<!-- Page title -->
|
|
<div class="page-header d-print-none">
|
|
<div class="row align-items-center">
|
|
<div class="col">
|
|
<h2 class="page-title">
|
|
Icons
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="page-body">
|
|
<div class="container-xl">
|
|
<div class="alert alert-primary mb-3">
|
|
All icons come from the Tabler Icons set and are MIT-licensed. Visit
|
|
<a href="https://tabler-icons.io" target="_blank">tabler-icons.io</a>, download
|
|
the icons you need in SVG, PNG or React and use them in your favourite design tools.
|
|
</div>
|
|
<div class="row row-cards">
|
|
<div class="col-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<div class="card-title">Tabler icons</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row" data-icon-preview>
|
|
<div class="col-md-6 col-lg-4">
|
|
<div class="demo-icon-preview">
|
|
<div data-icon-preview-icon>
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/2fa -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 16h-4l3.47 -4.66a2 2 0 1 0 -3.47 -1.54" /><path d="M10 16v-8h4" /><line x1="10" y1="12" x2="13" y2="12" /><path d="M17 16v-6a2 2 0 0 1 4 0v6" /><line x1="17" y1="13" x2="21" y2="13" /></svg>
|
|
</div>
|
|
<h2 class="my-2" data-icon-preview-title>2fa</h2>
|
|
<div class="demo-icon-preview-icon" data-icon-preview-code>
|
|
<figure class="highlight">
|
|
<pre><code class="language-html" data-lang="html"><span class="c"><!-- Download SVG icon from http://tabler-icons.io/i/2fa --></span>
|
|
<span class="nt"><svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">><path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/><path</span> <span class="na">d=</span><span class="s">"M7 16h-4l3.47 -4.66a2 2 0 1 0 -3.47 -1.54"</span> <span class="nt">/><path</span> <span class="na">d=</span><span class="s">"M10 16v-8h4"</span> <span class="nt">/><line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/><path</span> <span class="na">d=</span><span class="s">"M17 16v-6a2 2 0 0 1 4 0v6"</span> <span class="nt">/><line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/></svg></span></code></pre>
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="demo-icons-list-wrap">
|
|
<div class="demo-icons-list">
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="2fa" title="2fa" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/2fa --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 16h-4l3.47 -4.66a2 2 0 1 0 -3.47 -1.54"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 16v-8h4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 16v-6a2 2 0 0 1 4 0v6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/2fa -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 16h-4l3.47 -4.66a2 2 0 1 0 -3.47 -1.54" /><path d="M10 16v-8h4" /><line x1="10" y1="12" x2="13" y2="12" /><path d="M17 16v-6a2 2 0 0 1 4 0v6" /><line x1="17" y1="13" x2="21" y2="13" /></svg>
|
|
<div class="mt-1 text-muted text-h5">2fa</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="3d-cube-sphere" title="3d-cube-sphere" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/3d-cube-sphere --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 17.6l-2 -1.1v-2.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 10v-2.5l2 -1.1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 4.1l2 -1.1l2 1.1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 6.4l2 1.1v2.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 14v2.5l-2 1.12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 19.9l-2 1.1l-2 -1.1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"10.9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"8.6"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"7.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"14.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"18.5"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12l-2 -1.12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"8.6"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"7.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/3d-cube-sphere -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 17.6l-2 -1.1v-2.5" /><path d="M4 10v-2.5l2 -1.1" /><path d="M10 4.1l2 -1.1l2 1.1" /><path d="M18 6.4l2 1.1v2.5" /><path d="M20 14v2.5l-2 1.12" /><path d="M14 19.9l-2 1.1l-2 -1.1" /><line x1="12" y1="12" x2="14" y2="10.9" /><line x1="18" y1="8.6" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="14.5" /><line x1="12" y1="18.5" x2="12" y2="21" /><path d="M12 12l-2 -1.12" /><line x1="6" y1="8.6" x2="4" y2="7.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">3d-cube-sphere</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="a-b" title="a-b" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/a-b --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 16v-5.5a2.5 2.5 0 0 1 5 0v5.5m0 -4h-5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 16v-8h3a2 2 0 0 1 0 4h-3m3 0a2 2 0 0 1 0 4h-3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/a-b -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 16v-5.5a2.5 2.5 0 0 1 5 0v5.5m0 -4h-5" /><line x1="12" y1="6" x2="12" y2="18" /><path d="M16 16v-8h3a2 2 0 0 1 0 4h-3m3 0a2 2 0 0 1 0 4h-3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">a-b</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="access-point-off" title="access-point-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/access-point-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14.828 9.172a4 4 0 0 1 1.172 2.828"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17.657 6.343a8 8 0 0 1 1.635 8.952"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.168 14.828a4 4 0 0 1 0 -5.656"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6.337 17.657a8 8 0 0 1 0 -11.314"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/access-point-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M14.828 9.172a4 4 0 0 1 1.172 2.828" /><path d="M17.657 6.343a8 8 0 0 1 1.635 8.952" /><path d="M9.168 14.828a4 4 0 0 1 0 -5.656" /><path d="M6.337 17.657a8 8 0 0 1 0 -11.314" /></svg>
|
|
<div class="mt-1 text-muted text-h5">access-point-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="access-point" title="access-point" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/access-point --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14.828 9.172a4 4 0 0 1 0 5.656"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17.657 6.343a8 8 0 0 1 0 11.314"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.168 14.828a4 4 0 0 1 0 -5.656"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6.337 17.657a8 8 0 0 1 0 -11.314"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/access-point -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="12" x2="12" y2="12.01" /><path d="M14.828 9.172a4 4 0 0 1 0 5.656" /><path d="M17.657 6.343a8 8 0 0 1 0 11.314" /><path d="M9.168 14.828a4 4 0 0 1 0 -5.656" /><path d="M6.337 17.657a8 8 0 0 1 0 -11.314" /></svg>
|
|
<div class="mt-1 text-muted text-h5">access-point</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="accessible" title="accessible" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/accessible --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 16.5l2 -3l2 3m-2 -3v-2l3 -1m-6 0l3 1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"7.5"</span> <span class="na">r=</span><span class="s">".5"</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/accessible -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M10 16.5l2 -3l2 3m-2 -3v-2l3 -1m-6 0l3 1" /><circle cx="12" cy="7.5" r=".5" fill="currentColor" /></svg>
|
|
<div class="mt-1 text-muted text-h5">accessible</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="activity" title="activity" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/activity --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 12h4l3 8l4 -16l3 8h4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/activity -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12h4l3 8l4 -16l3 8h4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">activity</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="ad" title="ad" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/ad --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 15v-4a2 2 0 0 1 4 0v4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"11"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 9v6h-1.5a1.5 1.5 0 1 1 1.5 -1.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/ad -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M7 15v-4a2 2 0 0 1 4 0v4" /><line x1="7" y1="13" x2="11" y2="13" /><path d="M17 9v6h-1.5a1.5 1.5 0 1 1 1.5 -1.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">ad</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="adjustments-alt" title="adjustments-alt" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/adjustments-alt --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"8"</span> <span class="na">width=</span><span class="s">"4"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"10"</span> <span class="na">y=</span><span class="s">"14"</span> <span class="na">width=</span><span class="s">"4"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"16"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">width=</span><span class="s">"4"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/adjustments-alt -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="8" width="4" height="4" /><line x1="6" y1="4" x2="6" y2="8" /><line x1="6" y1="12" x2="6" y2="20" /><rect x="10" y="14" width="4" height="4" /><line x1="12" y1="4" x2="12" y2="14" /><line x1="12" y1="18" x2="12" y2="20" /><rect x="16" y="5" width="4" height="4" /><line x1="18" y1="4" x2="18" y2="5" /><line x1="18" y1="9" x2="18" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">adjustments-alt</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="adjustments-horizontal" title="adjustments-horizontal" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/adjustments-horizontal --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"14"</span> <span class="na">cy=</span><span class="s">"6"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"8"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"18"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/adjustments-horizontal -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="14" cy="6" r="2" /><line x1="4" y1="6" x2="12" y2="6" /><line x1="16" y1="6" x2="20" y2="6" /><circle cx="8" cy="12" r="2" /><line x1="4" y1="12" x2="6" y2="12" /><line x1="10" y1="12" x2="20" y2="12" /><circle cx="17" cy="18" r="2" /><line x1="4" y1="18" x2="15" y2="18" /><line x1="19" y1="18" x2="20" y2="18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">adjustments-horizontal</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="adjustments" title="adjustments" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/adjustments --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6"</span> <span class="na">cy=</span><span class="s">"10"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"16"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"18"</span> <span class="na">cy=</span><span class="s">"7"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/adjustments -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="10" r="2" /><line x1="6" y1="4" x2="6" y2="8" /><line x1="6" y1="12" x2="6" y2="20" /><circle cx="12" cy="16" r="2" /><line x1="12" y1="4" x2="12" y2="14" /><line x1="12" y1="18" x2="12" y2="20" /><circle cx="18" cy="7" r="2" /><line x1="18" y1="4" x2="18" y2="5" /><line x1="18" y1="9" x2="18" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">adjustments</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="aerial-lift" title="aerial-lift" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/aerial-lift --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 5l16 -2m-8 1v10m-5.106 -6h10.306c2.45 3 2.45 9 -.2 12h-10.106c-2.544 -3 -2.544 -9 0 -12zm-1.894 6h14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/aerial-lift -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 5l16 -2m-8 1v10m-5.106 -6h10.306c2.45 3 2.45 9 -.2 12h-10.106c-2.544 -3 -2.544 -9 0 -12zm-1.894 6h14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">aerial-lift</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="affiliate" title="affiliate" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/affiliate --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5.5 5.5l1.706 5.685m5.607 5.609l5.687 1.706"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11.683 12.317l6.817 -6.817"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5.5"</span> <span class="na">cy=</span><span class="s">"5.5"</span> <span class="na">r=</span><span class="s">"1.5"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"18.5"</span> <span class="na">cy=</span><span class="s">"5.5"</span> <span class="na">r=</span><span class="s">"1.5"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"18.5"</span> <span class="na">cy=</span><span class="s">"18.5"</span> <span class="na">r=</span><span class="s">"1.5"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"8.5"</span> <span class="na">cy=</span><span class="s">"15.5"</span> <span class="na">r=</span><span class="s">"4.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/affiliate -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5.5 5.5l1.706 5.685m5.607 5.609l5.687 1.706" /><path d="M11.683 12.317l6.817 -6.817" /><circle cx="5.5" cy="5.5" r="1.5" /><circle cx="18.5" cy="5.5" r="1.5" /><circle cx="18.5" cy="18.5" r="1.5" /><circle cx="8.5" cy="15.5" r="4.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">affiliate</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="alarm" title="alarm" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/alarm --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"13"</span> <span class="na">r=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"12 10 12 13 14 13"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"4.25"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"19.75"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/alarm -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="13" r="7" /><polyline points="12 10 12 13 14 13" /><line x1="7" y1="4" x2="4.25" y2="6" /><line x1="17" y1="4" x2="19.75" y2="6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">alarm</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="alert-circle" title="alert-circle" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/alert-circle --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"12.01"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/alert-circle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="12" y1="8" x2="12" y2="12" /><line x1="12" y1="16" x2="12.01" y2="16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">alert-circle</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="alert-octagon" title="alert-octagon" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/alert-octagon --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8.7 3h6.6c.3 0 .5 .1 .7 .3l4.7 4.7c.2 .2 .3 .4 .3 .7v6.6c0 .3 -.1 .5 -.3 .7l-4.7 4.7c-.2 .2 -.4 .3 -.7 .3h-6.6c-.3 0 -.5 -.1 -.7 -.3l-4.7 -4.7c-.2 -.2 -.3 -.4 -.3 -.7v-6.6c0 -.3 .1 -.5 .3 -.7l4.7 -4.7c.2 -.2 .4 -.3 .7 -.3z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"12.01"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/alert-octagon -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8.7 3h6.6c.3 0 .5 .1 .7 .3l4.7 4.7c.2 .2 .3 .4 .3 .7v6.6c0 .3 -.1 .5 -.3 .7l-4.7 4.7c-.2 .2 -.4 .3 -.7 .3h-6.6c-.3 0 -.5 -.1 -.7 -.3l-4.7 -4.7c-.2 -.2 -.3 -.4 -.3 -.7v-6.6c0 -.3 .1 -.5 .3 -.7l4.7 -4.7c.2 -.2 .4 -.3 .7 -.3z" /><line x1="12" y1="8" x2="12" y2="12" /><line x1="12" y1="16" x2="12.01" y2="16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">alert-octagon</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="alert-triangle" title="alert-triangle" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/alert-triangle --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 9v2m0 4v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/alert-triangle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 9v2m0 4v.01" /><path d="M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75" /></svg>
|
|
<div class="mt-1 text-muted text-h5">alert-triangle</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="alien" title="alien" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/alien --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 17a2.5 2.5 0 0 0 2 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3c-4.664 0 -7.396 2.331 -7.862 5.595a11.816 11.816 0 0 0 2 8.592a10.777 10.777 0 0 0 3.199 3.064c1.666 1 3.664 1 5.33 0a10.777 10.777 0 0 0 3.199 -3.064a11.89 11.89 0 0 0 2 -8.592c-.466 -3.265 -3.198 -5.595 -7.862 -5.595z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/alien -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 17a2.5 2.5 0 0 0 2 0" /><path d="M12 3c-4.664 0 -7.396 2.331 -7.862 5.595a11.816 11.816 0 0 0 2 8.592a10.777 10.777 0 0 0 3.199 3.064c1.666 1 3.664 1 5.33 0a10.777 10.777 0 0 0 3.199 -3.064a11.89 11.89 0 0 0 2 -8.592c-.466 -3.265 -3.198 -5.595 -7.862 -5.595z" /><line x1="8" y1="11" x2="10" y2="13" /><line x1="16" y1="11" x2="14" y2="13" /></svg>
|
|
<div class="mt-1 text-muted text-h5">alien</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="align-center" title="align-center" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/align-center --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/align-center -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="20" y2="6" /><line x1="8" y1="12" x2="16" y2="12" /><line x1="6" y1="18" x2="18" y2="18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">align-center</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="align-justified" title="align-justified" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/align-justified --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/align-justified -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="20" y2="6" /><line x1="4" y1="12" x2="20" y2="12" /><line x1="4" y1="18" x2="16" y2="18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">align-justified</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="align-left" title="align-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/align-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/align-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="20" y2="6" /><line x1="4" y1="12" x2="14" y2="12" /><line x1="4" y1="18" x2="18" y2="18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">align-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="align-right" title="align-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/align-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/align-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="20" y2="6" /><line x1="10" y1="12" x2="20" y2="12" /><line x1="6" y1="18" x2="20" y2="18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">align-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="ambulance" title="ambulance" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/ambulance --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"7"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 17h-2v-11a1 1 0 0 1 1 -1h9v12m-4 0h6m4 0h2v-6h-8m0 -5h5l3 5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 10h4m-2 -2v4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/ambulance -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M5 17h-2v-11a1 1 0 0 1 1 -1h9v12m-4 0h6m4 0h2v-6h-8m0 -5h5l3 5" /><path d="M6 10h4m-2 -2v4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">ambulance</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="anchor" title="anchor" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/anchor --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 9v12m-8 -8a8 8 0 0 0 16 0m1 0h-2m-14 0h-2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"6"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/anchor -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 9v12m-8 -8a8 8 0 0 0 16 0m1 0h-2m-14 0h-2" /><circle cx="12" cy="6" r="3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">anchor</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="antenna-bars-1" title="antenna-bars-1" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/antenna-bars-1 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"18.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"18.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"18.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"18.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/antenna-bars-1 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="18" x2="6" y2="18.01" /><line x1="10" y1="18" x2="10" y2="18.01" /><line x1="14" y1="18" x2="14" y2="18.01" /><line x1="18" y1="18" x2="18" y2="18.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">antenna-bars-1</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="antenna-bars-2" title="antenna-bars-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/antenna-bars-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"18.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"18.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"18.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/antenna-bars-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="18" x2="6" y2="15" /><line x1="10" y1="18" x2="10" y2="18.01" /><line x1="14" y1="18" x2="14" y2="18.01" /><line x1="18" y1="18" x2="18" y2="18.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">antenna-bars-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="antenna-bars-3" title="antenna-bars-3" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/antenna-bars-3 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"18.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"18.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/antenna-bars-3 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="18" x2="6" y2="15" /><line x1="10" y1="18" x2="10" y2="12" /><line x1="14" y1="18" x2="14" y2="18.01" /><line x1="18" y1="18" x2="18" y2="18.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">antenna-bars-3</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="antenna-bars-4" title="antenna-bars-4" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/antenna-bars-4 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"18.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/antenna-bars-4 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="18" x2="6" y2="15" /><line x1="10" y1="18" x2="10" y2="12" /><line x1="14" y1="18" x2="14" y2="9" /><line x1="18" y1="18" x2="18" y2="18.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">antenna-bars-4</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="antenna-bars-5" title="antenna-bars-5" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/antenna-bars-5 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/antenna-bars-5 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="18" x2="6" y2="15" /><line x1="10" y1="18" x2="10" y2="12" /><line x1="14" y1="18" x2="14" y2="9" /><line x1="18" y1="18" x2="18" y2="6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">antenna-bars-5</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="aperture" title="aperture" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/aperture --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3.6"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"14.15"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3.6"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"14.15"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="na">transform=</span><span class="s">"rotate(72 12 12)"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3.6"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"14.15"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="na">transform=</span><span class="s">"rotate(144 12 12)"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3.6"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"14.15"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="na">transform=</span><span class="s">"rotate(216 12 12)"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3.6"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"14.15"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="na">transform=</span><span class="s">"rotate(288 12 12)"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/aperture -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="3.6" y1="15" x2="14.15" y2="15" /><line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(72 12 12)" /><line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(144 12 12)" /><line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(216 12 12)" /><line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(288 12 12)" /></svg>
|
|
<div class="mt-1 text-muted text-h5">aperture</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="apps" title="apps" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/apps --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"14"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"14"</span> <span class="na">y=</span><span class="s">"14"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/apps -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
|
<div class="mt-1 text-muted text-h5">apps</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="archive" title="archive" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/archive --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 8v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/archive -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="4" width="18" height="4" rx="2" /><path d="M5 8v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-10" /><line x1="10" y1="12" x2="14" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">archive</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-back-up" title="arrow-back-up" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-back-up --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 13l-4 -4l4 -4m-4 4h11a4 4 0 0 1 0 8h-1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-back-up -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 13l-4 -4l4 -4m-4 4h11a4 4 0 0 1 0 8h-1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-back-up</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-back" title="arrow-back" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-back --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 11l-4 4l4 4m-4 -4h11a4 4 0 0 0 0 -8h-1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-back -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 11l-4 4l4 4m-4 -4h11a4 4 0 0 0 0 -8h-1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-back</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-bar-down" title="arrow-bar-down" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-bar-down --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-bar-down -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="20" x2="12" y2="10" /><line x1="12" y1="20" x2="16" y2="16" /><line x1="12" y1="20" x2="8" y2="16" /><line x1="4" y1="4" x2="20" y2="4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-bar-down</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-bar-left" title="arrow-bar-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-bar-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-bar-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="12" x2="14" y2="12" /><line x1="4" y1="12" x2="8" y2="16" /><line x1="4" y1="12" x2="8" y2="8" /><line x1="20" y1="4" x2="20" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-bar-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-bar-right" title="arrow-bar-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-bar-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-bar-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="20" y1="12" x2="10" y2="12" /><line x1="20" y1="12" x2="16" y2="16" /><line x1="20" y1="12" x2="16" y2="8" /><line x1="4" y1="4" x2="4" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-bar-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-bar-to-down" title="arrow-bar-to-down" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-bar-to-down --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-bar-to-down -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="20" x2="20" y2="20" /><line x1="12" y1="14" x2="12" y2="4" /><line x1="12" y1="14" x2="16" y2="10" /><line x1="12" y1="14" x2="8" y2="10" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-bar-to-down</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-bar-to-left" title="arrow-bar-to-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-bar-to-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-bar-to-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="10" y1="12" x2="20" y2="12" /><line x1="10" y1="12" x2="14" y2="16" /><line x1="10" y1="12" x2="14" y2="8" /><line x1="4" y1="4" x2="4" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-bar-to-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-bar-to-right" title="arrow-bar-to-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-bar-to-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-bar-to-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="14" y1="12" x2="4" y2="12" /><line x1="14" y1="12" x2="10" y2="16" /><line x1="14" y1="12" x2="10" y2="8" /><line x1="20" y1="4" x2="20" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-bar-to-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-bar-to-up" title="arrow-bar-to-up" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-bar-to-up --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-bar-to-up -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="10" x2="12" y2="20" /><line x1="12" y1="10" x2="16" y2="14" /><line x1="12" y1="10" x2="8" y2="14" /><line x1="4" y1="4" x2="20" y2="4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-bar-to-up</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-bar-up" title="arrow-bar-up" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-bar-up --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-bar-up -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="4" x2="12" y2="14" /><line x1="12" y1="4" x2="16" y2="8" /><line x1="12" y1="4" x2="8" y2="8" /><line x1="4" y1="20" x2="20" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-bar-up</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-big-down" title="arrow-big-down" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-big-down --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 4v8h3.586a1 1 0 0 1 .707 1.707l-6.586 6.586a1 1 0 0 1 -1.414 0l-6.586 -6.586a1 1 0 0 1 .707 -1.707h3.586v-8a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-big-down -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 4v8h3.586a1 1 0 0 1 .707 1.707l-6.586 6.586a1 1 0 0 1 -1.414 0l-6.586 -6.586a1 1 0 0 1 .707 -1.707h3.586v-8a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-big-down</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-big-left" title="arrow-big-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-big-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 15h-8v3.586a1 1 0 0 1 -1.707 .707l-6.586 -6.586a1 1 0 0 1 0 -1.414l6.586 -6.586a1 1 0 0 1 1.707 .707v3.586h8a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-big-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 15h-8v3.586a1 1 0 0 1 -1.707 .707l-6.586 -6.586a1 1 0 0 1 0 -1.414l6.586 -6.586a1 1 0 0 1 1.707 .707v3.586h8a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-big-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-big-right" title="arrow-big-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-big-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 9h8v-3.586a1 1 0 0 1 1.707 -.707l6.586 6.586a1 1 0 0 1 0 1.414l-6.586 6.586a1 1 0 0 1 -1.707 -.707v-3.586h-8a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-big-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 9h8v-3.586a1 1 0 0 1 1.707 -.707l6.586 6.586a1 1 0 0 1 0 1.414l-6.586 6.586a1 1 0 0 1 -1.707 -.707v-3.586h-8a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-big-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-big-top" title="arrow-big-top" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-big-top --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 20v-8h-3.586a1 1 0 0 1 -.707 -1.707l6.586 -6.586a1 1 0 0 1 1.414 0l6.586 6.586a1 1 0 0 1 -.707 1.707h-3.586v8a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-big-top -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 20v-8h-3.586a1 1 0 0 1 -.707 -1.707l6.586 -6.586a1 1 0 0 1 1.414 0l6.586 6.586a1 1 0 0 1 -.707 1.707h-3.586v8a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-big-top</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-bottom-bar" title="arrow-bottom-bar" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-bottom-bar --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3v18"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 18l3 3l3 -3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 3h6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-bottom-bar -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3v18" /><path d="M9 18l3 3l3 -3" /><path d="M9 3h6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-bottom-bar</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-bottom-circle" title="arrow-bottom-circle" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-bottom-circle --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7v14"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 18l3 3l3 -3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"5"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-bottom-circle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 7v14" /><path d="M9 18l3 3l3 -3" /><circle cx="12" cy="5" r="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-bottom-circle</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-bottom-square" title="arrow-bottom-square" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-bottom-square --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7v14"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 18l3 3l3 -3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3v4h-4v-4z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-bottom-square -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 7v14" /><path d="M9 18l3 3l3 -3" /><path d="M14 3v4h-4v-4z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-bottom-square</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-bottom-tail" title="arrow-bottom-tail" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-bottom-tail --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 6v15"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 18l3 3l3 -3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 3l3 3l3 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-bottom-tail -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 6v15" /><path d="M9 18l3 3l3 -3" /><path d="M9 3l3 3l3 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-bottom-tail</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-down-circle" title="arrow-down-circle" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-down-circle --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-down-circle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="8" y1="12" x2="12" y2="16" /><line x1="12" y1="8" x2="12" y2="16" /><line x1="16" y1="12" x2="12" y2="16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-down-circle</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-down-left-circle" title="arrow-down-left-circle" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-down-left-circle --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"15 15 9 15 9 9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-down-left-circle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="15" y1="9" x2="9" y2="15" /><polyline points="15 15 9 15 9 9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-down-left-circle</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-down-left" title="arrow-down-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-down-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"16 17 7 17 7 8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-down-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="17" y1="7" x2="7" y2="17" /><polyline points="16 17 7 17 7 8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-down-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-down-right-circle" title="arrow-down-right-circle" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-down-right-circle --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"15 9 15 15 9 9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-down-right-circle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="15" y1="15" x2="9" y2="15" /><polyline points="15 9 15 15 9 9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-down-right-circle</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-down-right" title="arrow-down-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-down-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"17 8 17 17 8 17"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-down-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7" y1="7" x2="17" y2="17" /><polyline points="17 8 17 17 8 17" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-down-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-down" title="arrow-down" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-down --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-down -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="18" y1="13" x2="12" y2="19" /><line x1="6" y1="13" x2="12" y2="19" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-down</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-forward-up" title="arrow-forward-up" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-forward-up --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 13l4 -4l-4 -4m4 4h-11a4 4 0 0 0 0 8h1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-forward-up -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 13l4 -4l-4 -4m4 4h-11a4 4 0 0 0 0 8h1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-forward-up</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-forward" title="arrow-forward" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-forward --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 11l4 4l-4 4m4 -4h-11a4 4 0 0 1 0 -8h1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-forward -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 11l4 4l-4 4m4 -4h-11a4 4 0 0 1 0 -8h1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-forward</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-left-bar" title="arrow-left-bar" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-left-bar --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 12h-18"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 9l-3 3l3 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 9v6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-left-bar -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 12h-18" /><path d="M6 9l-3 3l3 3" /><path d="M21 9v6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-left-bar</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-left-circle" title="arrow-left-circle" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-left-circle --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 12h-14"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 9l-3 3l3 3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"19"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-left-circle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 12h-14" /><path d="M6 9l-3 3l3 3" /><circle cx="19" cy="12" r="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-left-circle</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-left-square" title="arrow-left-square" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-left-square --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 12h-14"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 9l-3 3l3 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 14h-4v-4h4z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-left-square -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 12h-14" /><path d="M6 9l-3 3l3 3" /><path d="M21 14h-4v-4h4z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-left-square</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-left-tail" title="arrow-left-tail" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-left-tail --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 12h-15"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 9l-3 3l3 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 9l-3 3l3 3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-left-tail -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 12h-15" /><path d="M6 9l-3 3l3 3" /><path d="M21 9l-3 3l3 3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-left-tail</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-left" title="arrow-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"11"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"11"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="5" y1="12" x2="11" y2="18" /><line x1="5" y1="12" x2="11" y2="6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-loop-left" title="arrow-loop-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-loop-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 21v-13a4 4 0 1 1 4 4h-13"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 15l-3 -3l3 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-loop-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 21v-13a4 4 0 1 1 4 4h-13" /><path d="M7 15l-3 -3l3 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-loop-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-loop-right" title="arrow-loop-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-loop-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 21v-13a4 4 0 1 0 -4 4h13"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 15l3 -3l-3 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-loop-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 21v-13a4 4 0 1 0 -4 4h13" /><path d="M18 15l3 -3l-3 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-loop-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-narrow-down" title="arrow-narrow-down" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-narrow-down --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-narrow-down -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="16" y1="15" x2="12" y2="19" /><line x1="8" y1="15" x2="12" y2="19" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-narrow-down</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-narrow-left" title="arrow-narrow-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-narrow-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-narrow-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="5" y1="12" x2="9" y2="16" /><line x1="5" y1="12" x2="9" y2="8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-narrow-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-narrow-right" title="arrow-narrow-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-narrow-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-narrow-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="15" y1="16" x2="19" y2="12" /><line x1="15" y1="8" x2="19" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-narrow-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-narrow-up" title="arrow-narrow-up" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-narrow-up --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-narrow-up -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="16" y1="9" x2="12" y2="5" /><line x1="8" y1="9" x2="12" y2="5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-narrow-up</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-ramp-left" title="arrow-ramp-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-ramp-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"11.707"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 7l4 -4l4 4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 14l-4 -4l4 -4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 21a11 11 0 0 0 -11 -11h-3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-ramp-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="17" y1="3" x2="17" y2="11.707" /><path d="M13 7l4 -4l4 4" /><path d="M7 14l-4 -4l4 -4" /><path d="M17 21a11 11 0 0 0 -11 -11h-3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-ramp-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-ramp-right" title="arrow-ramp-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-ramp-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"11.707"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 7l-4 -4l-4 4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 14l4 -4l-4 -4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 21a11 11 0 0 1 11 -11h3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-ramp-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7" y1="3" x2="7" y2="11.707" /><path d="M11 7l-4 -4l-4 4" /><path d="M17 14l4 -4l-4 -4" /><path d="M7 21a11 11 0 0 1 11 -11h3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-ramp-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-right-bar" title="arrow-right-bar" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-right-bar --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 15l3 -3l-3 -3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 12h18"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 9v6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-right-bar -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 15l3 -3l-3 -3" /><path d="M3 12h18" /><path d="M3 9v6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-right-bar</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-right-circle" title="arrow-right-circle" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-right-circle --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 15l3 -3l-3 -3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 12h14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-right-circle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 15l3 -3l-3 -3" /><circle cx="5" cy="12" r="2" /><path d="M7 12h14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-right-circle</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-right-square" title="arrow-right-square" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-right-square --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 15l3 -3l-3 -3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 10h4v4h-4z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-right-square -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7" y1="12" x2="21" y2="12" /><path d="M18 15l3 -3l-3 -3" /><path d="M3 10h4v4h-4z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-right-square</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-right-tail" title="arrow-right-tail" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-right-tail --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 15l3 -3l-3 -3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 15l3 -3l-3 -3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-right-tail -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 15l3 -3l-3 -3" /><path d="M3 15l3 -3l-3 -3" /><line x1="6" y1="12" x2="21" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-right-tail</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-right" title="arrow-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-top-bar" title="arrow-top-bar" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-top-bar --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 6l-3 -3l-3 3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-top-bar -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="21" x2="12" y2="3" /><path d="M15 6l-3 -3l-3 3" /><line x1="9" y1="21" x2="15" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-top-bar</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-top-circle" title="arrow-top-circle" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-top-circle --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 6l-3 -3l-3 3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-top-circle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="17" x2="12" y2="3" /><path d="M15 6l-3 -3l-3 3" /><circle cx="12" cy="19" r="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-top-circle</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-top-square" title="arrow-top-square" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-top-square --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 6l-3 -3l-3 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 21v-4h4v4z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-top-square -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="17" x2="12" y2="3" /><path d="M15 6l-3 -3l-3 3" /><path d="M10 21v-4h4v4z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-top-square</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-top-tail" title="arrow-top-tail" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-top-tail --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 6l-3 -3l-3 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 21l-3 -3l-3 3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-top-tail -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="18" x2="12" y2="3" /><path d="M15 6l-3 -3l-3 3" /><path d="M15 21l-3 -3l-3 3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-top-tail</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-up-circle" title="arrow-up-circle" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-up-circle --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-up-circle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="12" y1="8" x2="8" y2="12" /><line x1="12" y1="8" x2="12" y2="16" /><line x1="16" y1="12" x2="12" y2="8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-up-circle</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-up-left-circle" title="arrow-up-left-circle" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-up-left-circle --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"15 9 9 9 9 15"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-up-left-circle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="9" x2="15" y2="15" /><polyline points="15 9 9 9 9 15" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-up-left-circle</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-up-left" title="arrow-up-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-up-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"16 7 7 7 7 16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-up-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7" y1="7" x2="17" y2="17" /><polyline points="16 7 7 7 7 16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-up-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-up-right-circle" title="arrow-up-right-circle" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-up-right-circle --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"15 15 15 9 9 9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-up-right-circle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="15" y1="9" x2="9" y2="15" /><polyline points="15 15 15 9 9 9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-up-right-circle</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-up-right" title="arrow-up-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-up-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"8 7 17 7 17 16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-up-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="17" y1="7" x2="7" y2="17" /><polyline points="8 7 17 7 17 16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-up-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-up" title="arrow-up" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-up --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-up -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="18" y1="11" x2="12" y2="5" /><line x1="6" y1="11" x2="12" y2="5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-up</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-wave-left-down" title="arrow-wave-left-down" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-wave-left-down --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 13.998h-4v-4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 11.998c-.887 1.284 -2.48 2.033 -4 2c-1.52 .033 -3.113 -.716 -4 -2s-2.48 -2.033 -4 -2c-1.52 -.033 -3 1 -4 2l-2 2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-wave-left-down -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 13.998h-4v-4" /><path d="M21 11.998c-.887 1.284 -2.48 2.033 -4 2c-1.52 .033 -3.113 -.716 -4 -2s-2.48 -2.033 -4 -2c-1.52 -.033 -3 1 -4 2l-2 2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-wave-left-down</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-wave-left-up" title="arrow-wave-left-up" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-wave-left-up --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 9.996h-4v4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 11.996c-.887 -1.285 -2.48 -2.033 -4 -2c-1.52 -.033 -3.113 .715 -4 2c-.887 1.284 -2.48 2.033 -4 2c-1.52 .033 -3 -1 -4 -2l-2 -2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-wave-left-up -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 9.996h-4v4" /><path d="M21 11.996c-.887 -1.285 -2.48 -2.033 -4 -2c-1.52 -.033 -3.113 .715 -4 2c-.887 1.284 -2.48 2.033 -4 2c-1.52 .033 -3 -1 -4 -2l-2 -2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-wave-left-up</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-wave-right-down" title="arrow-wave-right-down" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-wave-right-down --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 13.998h4v-4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 11.998c.887 1.284 2.48 2.033 4 2c1.52 .033 3.113 -.716 4 -2s2.48 -2.033 4 -2c1.52 -.033 3 1 4 2l2 2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-wave-right-down -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 13.998h4v-4" /><path d="M3 11.998c.887 1.284 2.48 2.033 4 2c1.52 .033 3.113 -.716 4 -2s2.48 -2.033 4 -2c1.52 -.033 3 1 4 2l2 2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-wave-right-down</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrow-wave-right-up" title="arrow-wave-right-up" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrow-wave-right-up --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 10h4v4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 12c.887 -1.284 2.48 -2.033 4 -2c1.52 -.033 3.113 .716 4 2s2.48 2.033 4 2c1.52 .033 3 -1 4 -2l2 -2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrow-wave-right-up -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 10h4v4" /><path d="M3 12c.887 -1.284 2.48 -2.033 4 -2c1.52 -.033 3.113 .716 4 2s2.48 2.033 4 2c1.52 .033 3 -1 4 -2l2 -2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrow-wave-right-up</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrows-diagonal-2" title="arrows-diagonal-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrows-diagonal-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"16 20 20 20 20 16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"8 4 4 4 4 8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrows-diagonal-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="16 20 20 20 20 16" /><line x1="14" y1="14" x2="20" y2="20" /><polyline points="8 4 4 4 4 8" /><line x1="4" y1="4" x2="10" y2="10" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrows-diagonal-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrows-diagonal" title="arrows-diagonal" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrows-diagonal --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"16 4 20 4 20 8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"8 20 4 20 4 16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrows-diagonal -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="16 4 20 4 20 8" /><line x1="14" y1="10" x2="20" y2="4" /><polyline points="8 20 4 20 4 16" /><line x1="4" y1="20" x2="10" y2="14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrows-diagonal</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrows-double-ne-sw" title="arrows-double-ne-sw" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrows-double-ne-sw --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 14l11 -11"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 3h4v4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 17v4h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 10l-11 11"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrows-double-ne-sw -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 14l11 -11" /><path d="M10 3h4v4" /><path d="M10 17v4h4" /><path d="M21 10l-11 11" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrows-double-ne-sw</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrows-double-nw-se" title="arrows-double-nw-se" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrows-double-nw-se --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 21l-11 -11"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 14v-4h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 14h4v-4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrows-double-nw-se -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 21l-11 -11" /><path d="M3 14v-4h4" /><path d="M17 14h4v-4" /><line x1="10" y1="3" x2="21" y2="14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrows-double-nw-se</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrows-double-se-nw" title="arrows-double-se-nw" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrows-double-se-nw --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 17v4h-4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3h-4v4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 14l-11 -11"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrows-double-se-nw -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="10" x2="14" y2="21" /><path d="M14 17v4h-4" /><path d="M14 3h-4v4" /><path d="M21 14l-11 -11" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrows-double-se-nw</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrows-double-sw-ne" title="arrows-double-sw-ne" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrows-double-sw-ne --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3l-11 11"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 10v4h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 10h4v4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 21l11 -11"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrows-double-sw-ne -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3l-11 11" /><path d="M3 10v4h4" /><path d="M17 10h4v4" /><path d="M10 21l11 -11" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrows-double-sw-ne</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrows-down-up" title="arrows-down-up" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrows-down-up --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 18l-3 3l-3 -3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 6l-3 -3l-3 3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrows-down-up -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="17" y1="3" x2="17" y2="21" /><path d="M10 18l-3 3l-3 -3" /><line x1="7" y1="21" x2="7" y2="3" /><path d="M20 6l-3 -3l-3 3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrows-down-up</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrows-down" title="arrows-down" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrows-down --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 18l-3 3l-3 -3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 18l3 3l3 -3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrows-down -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7" y1="21" x2="7" y2="3" /><path d="M20 18l-3 3l-3 -3" /><path d="M4 18l3 3l3 -3" /><line x1="17" y1="21" x2="17" y2="3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrows-down</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrows-horizontal" title="arrows-horizontal" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrows-horizontal --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"7 8 3 12 7 16"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"17 8 21 12 17 16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrows-horizontal -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 8 3 12 7 16" /><polyline points="17 8 21 12 17 16" /><line x1="3" y1="12" x2="21" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrows-horizontal</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrows-join-2" title="arrows-join-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrows-join-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 7h1.948c1.913 0 3.705 .933 4.802 2.5a5.861 5.861 0 0 0 4.802 2.5h6.448"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 17h1.95a5.854 5.854 0 0 0 4.798 -2.5a5.854 5.854 0 0 1 4.798 -2.5h5.454"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 15l3 -3l-3 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrows-join-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7h1.948c1.913 0 3.705 .933 4.802 2.5a5.861 5.861 0 0 0 4.802 2.5h6.448" /><path d="M3 17h1.95a5.854 5.854 0 0 0 4.798 -2.5a5.854 5.854 0 0 1 4.798 -2.5h5.454" /><path d="M18 15l3 -3l-3 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrows-join-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrows-join" title="arrows-join" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrows-join --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 7h5l3.5 5h9.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 17h5l3.495 -5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 15l3 -3l-3 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrows-join -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7h5l3.5 5h9.5" /><path d="M3 17h5l3.495 -5" /><path d="M18 15l3 -3l-3 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrows-join</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrows-left-down" title="arrows-left-down" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrows-left-down --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 3l-4 4l4 4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 7h11a3 3 0 0 1 3 3v11"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 17l4 4l4 -4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrows-left-down -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 3l-4 4l4 4" /><path d="M3 7h11a3 3 0 0 1 3 3v11" /><path d="M13 17l4 4l4 -4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrows-left-down</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrows-left-right" title="arrows-left-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrows-left-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"21"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"3"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 10l-3 -3l3 -3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 20l3 -3l-3 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrows-left-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="21" y1="17" x2="3" y2="17" /><path d="M6 10l-3 -3l3 -3" /><line x1="3" y1="7" x2="21" y2="7" /><path d="M18 20l3 -3l-3 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrows-left-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrows-left" title="arrows-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrows-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 20l-3 -3l3 -3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 4l-3 3l3 3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrows-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="7" x2="21" y2="7" /><path d="M6 20l-3 -3l3 -3" /><path d="M6 4l-3 3l3 3" /><line x1="3" y1="17" x2="21" y2="17" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrows-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrows-maximize" title="arrows-maximize" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrows-maximize --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"16 4 20 4 20 8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"8 20 4 20 4 16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"16 20 20 20 20 16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"8 4 4 4 4 8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrows-maximize -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="16 4 20 4 20 8" /><line x1="14" y1="10" x2="20" y2="4" /><polyline points="8 20 4 20 4 16" /><line x1="4" y1="20" x2="10" y2="14" /><polyline points="16 20 20 20 20 16" /><line x1="14" y1="14" x2="20" y2="20" /><polyline points="8 4 4 4 4 8" /><line x1="4" y1="4" x2="10" y2="10" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrows-maximize</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrows-minimize" title="arrows-minimize" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrows-minimize --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"5 9 9 9 9 5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"5 15 9 15 9 19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"19 9 15 9 15 5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"19 15 15 15 15 19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrows-minimize -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 9 9 9 9 5" /><line x1="3" y1="3" x2="9" y2="9" /><polyline points="5 15 9 15 9 19" /><line x1="3" y1="21" x2="9" y2="15" /><polyline points="19 9 15 9 15 5" /><line x1="15" y1="9" x2="21" y2="3" /><polyline points="19 15 15 15 15 19" /><line x1="15" y1="15" x2="21" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrows-minimize</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrows-right-down" title="arrows-right-down" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrows-right-down --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 17l4 4l4 -4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 21v-11a3 3 0 0 1 3 -3h11"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 11l4 -4l-4 -4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrows-right-down -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 17l4 4l4 -4" /><path d="M7 21v-11a3 3 0 0 1 3 -3h11" /><path d="M17 11l4 -4l-4 -4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrows-right-down</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrows-right-left" title="arrows-right-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrows-right-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"21"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"3"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 10l3 -3l-3 -3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 20l-3 -3l3 -3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrows-right-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="21" y1="7" x2="3" y2="7" /><path d="M18 10l3 -3l-3 -3" /><path d="M6 20l-3 -3l3 -3" /><line x1="3" y1="17" x2="21" y2="17" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrows-right-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrows-right" title="arrows-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrows-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"21"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"3"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 4l3 3l-3 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 20l3 -3l-3 -3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"21"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"3"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrows-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="21" y1="17" x2="3" y2="17" /><path d="M18 4l3 3l-3 3" /><path d="M18 20l3 -3l-3 -3" /><line x1="21" y1="7" x2="3" y2="7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrows-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrows-sort" title="arrows-sort" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrows-sort --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 9l4 -4l4 4m-4 -4v14"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 15l-4 4l-4 -4m4 4v-14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrows-sort -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 9l4 -4l4 4m-4 -4v14" /><path d="M21 15l-4 4l-4 -4m4 4v-14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrows-sort</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrows-split-2" title="arrows-split-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrows-split-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 17h-5.397a5 5 0 0 1 -4.096 -2.133l-.514 -.734a5 5 0 0 0 -4.096 -2.133h-3.897"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 7h-5.395a5 5 0 0 0 -4.098 2.135l-.51 .73a5 5 0 0 1 -4.097 2.135h-3.9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 10l3 -3l-3 -3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 20l3 -3l-3 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrows-split-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 17h-5.397a5 5 0 0 1 -4.096 -2.133l-.514 -.734a5 5 0 0 0 -4.096 -2.133h-3.897" /><path d="M21 7h-5.395a5 5 0 0 0 -4.098 2.135l-.51 .73a5 5 0 0 1 -4.097 2.135h-3.9" /><path d="M18 10l3 -3l-3 -3" /><path d="M18 20l3 -3l-3 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrows-split-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrows-split" title="arrows-split" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrows-split --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 17h-8l-3.5 -5h-6.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 7h-8l-3.495 5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 10l3 -3l-3 -3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 20l3 -3l-3 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrows-split -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 17h-8l-3.5 -5h-6.5" /><path d="M21 7h-8l-3.495 5" /><path d="M18 10l3 -3l-3 -3" /><path d="M18 20l3 -3l-3 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrows-split</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrows-up-down" title="arrows-up-down" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrows-up-down --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 6l-3 -3l-3 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 18l-3 3l-3 -3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrows-up-down -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7" y1="3" x2="7" y2="21" /><path d="M10 6l-3 -3l-3 3" /><path d="M20 18l-3 3l-3 -3" /><line x1="17" y1="21" x2="17" y2="3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrows-up-down</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrows-up-left" title="arrows-up-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrows-up-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 7l-4 -4l-4 4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 3v11a3 3 0 0 1 -3 3h-11"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 13l-4 4l4 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrows-up-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 7l-4 -4l-4 4" /><path d="M17 3v11a3 3 0 0 1 -3 3h-11" /><path d="M7 13l-4 4l4 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrows-up-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrows-up-right" title="arrows-up-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrows-up-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 21l4 -4l-4 -4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 17h-11a3 3 0 0 1 -3 -3v-11"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 7l-4 -4l-4 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrows-up-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 21l4 -4l-4 -4" /><path d="M21 17h-11a3 3 0 0 1 -3 -3v-11" /><path d="M11 7l-4 -4l-4 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrows-up-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrows-up" title="arrows-up" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrows-up --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 6l3 -3l3 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 6l-3 -3l-3 3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrows-up -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="17" y1="3" x2="17" y2="21" /><path d="M4 6l3 -3l3 3" /><path d="M20 6l-3 -3l-3 3" /><line x1="7" y1="3" x2="7" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrows-up</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="arrows-vertical" title="arrows-vertical" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/arrows-vertical --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"8 7 12 3 16 7"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"8 17 12 21 16 17"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/arrows-vertical -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="8 7 12 3 16 7" /><polyline points="8 17 12 21 16 17" /><line x1="12" y1="3" x2="12" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">arrows-vertical</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="artboard" title="artboard" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/artboard --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"8"</span> <span class="na">y=</span><span class="s">"8"</span> <span class="na">width=</span><span class="s">"8"</span> <span class="na">height=</span><span class="s">"8"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/artboard -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="8" y="8" width="8" height="8" rx="1" /><line x1="3" y1="8" x2="4" y2="8" /><line x1="3" y1="16" x2="4" y2="16" /><line x1="8" y1="3" x2="8" y2="4" /><line x1="16" y1="3" x2="16" y2="4" /><line x1="20" y1="8" x2="21" y2="8" /><line x1="20" y1="16" x2="21" y2="16" /><line x1="8" y1="20" x2="8" y2="21" /><line x1="16" y1="20" x2="16" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">artboard</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="aspect-ratio" title="aspect-ratio" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/aspect-ratio --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 12v-3h3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 12v3h-3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/aspect-ratio -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M7 12v-3h3" /><path d="M17 12v3h-3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">aspect-ratio</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="at" title="at" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/at --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 12v1.5a2.5 2.5 0 0 0 5 0v-1.5a9 9 0 1 0 -5.5 8.28"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/at -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="4" /><path d="M16 12v1.5a2.5 2.5 0 0 0 5 0v-1.5a9 9 0 1 0 -5.5 8.28" /></svg>
|
|
<div class="mt-1 text-muted text-h5">at</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="atom-2" title="atom-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/atom-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"3"</span> <span class="na">y2=</span><span class="s">"9.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"21"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"9.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 20.1a9 9 0 0 1 -5 -7.1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 20.1a9 9 0 0 0 5 -7.1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6.2 5a9 9 0 0 1 11.4 0"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/atom-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3" /><line x1="12" y1="21" x2="12" y2="21.01" /><line x1="3" y1="9" x2="3" y2="9.01" /><line x1="21" y1="9" x2="21" y2="9.01" /><path d="M8 20.1a9 9 0 0 1 -5 -7.1" /><path d="M16 20.1a9 9 0 0 0 5 -7.1" /><path d="M6.2 5a9 9 0 0 1 11.4 0" /></svg>
|
|
<div class="mt-1 text-muted text-h5">atom-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="atom" title="atom" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/atom --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 2a4 10 0 0 0 -4 10a4 10 0 0 0 4 10a4 10 0 0 0 4 -10a4 10 0 0 0 -4 -10"</span> <span class="na">transform=</span><span class="s">"rotate(45 12 12)"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 2a4 10 0 0 0 -4 10a4 10 0 0 0 4 10a4 10 0 0 0 4 -10a4 10 0 0 0 -4 -10"</span> <span class="na">transform=</span><span class="s">"rotate(-45 12 12)"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/atom -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="12" x2="12" y2="12.01" /><path d="M12 2a4 10 0 0 0 -4 10a4 10 0 0 0 4 10a4 10 0 0 0 4 -10a4 10 0 0 0 -4 -10" transform="rotate(45 12 12)" /><path d="M12 2a4 10 0 0 0 -4 10a4 10 0 0 0 4 10a4 10 0 0 0 4 -10a4 10 0 0 0 -4 -10" transform="rotate(-45 12 12)" /></svg>
|
|
<div class="mt-1 text-muted text-h5">atom</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="award" title="award" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/award --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"9"</span> <span class="na">r=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"9 14.2 9 21 12 19 15 21 15 14.2"</span> <span class="na">transform=</span><span class="s">"rotate(-30 12 9)"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"9 14.2 9 21 12 19 15 21 15 14.2"</span> <span class="na">transform=</span><span class="s">"rotate(30 12 9)"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/award -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="9" r="6" /><polyline points="9 14.2 9 21 12 19 15 21 15 14.2" transform="rotate(-30 12 9)" /><polyline points="9 14.2 9 21 12 19 15 21 15 14.2" transform="rotate(30 12 9)" /></svg>
|
|
<div class="mt-1 text-muted text-h5">award</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="backhoe" title="backhoe" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/backhoe --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"4"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"13"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 12v-5h2a3 3 0 0 1 3 3v5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 15v-2a1 1 0 0 1 1 -1h7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21.12 9.88l-3.12 -4.88l-5 5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21.12 9.88a3 3 0 0 1 -2.12 5.12a3 3 0 0 1 -2.12 -.88l4.24 -4.24z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/backhoe -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="4" cy="17" r="2" /><circle cx="13" cy="17" r="2" /><line x1="13" y1="19" x2="4" y2="19" /><line x1="4" y1="15" x2="13" y2="15" /><path d="M8 12v-5h2a3 3 0 0 1 3 3v5" /><path d="M5 15v-2a1 1 0 0 1 1 -1h7" /><path d="M21.12 9.88l-3.12 -4.88l-5 5" /><path d="M21.12 9.88a3 3 0 0 1 -2.12 5.12a3 3 0 0 1 -2.12 -.88l4.24 -4.24z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">backhoe</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="backspace" title="backspace" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/backspace --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 6a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-11l-5 -5a1.5 1.5 0 0 1 0 -2l5 -5z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 10l4 4m0 -4l-4 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/backspace -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 6a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-11l-5 -5a1.5 1.5 0 0 1 0 -2l5 -5z" /><path d="M12 10l4 4m0 -4l-4 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">backspace</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="ball-american-football" title="ball-american-football" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/ball-american-football --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 21a5 5 0 0 0 -5 -5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 3c-7.18 0 -13 5.82 -13 13a5 5 0 0 0 5 5c7.18 0 13 -5.82 13 -13a5 5 0 0 0 -5 -5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 3a5 5 0 0 0 5 5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/ball-american-football -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="15" y1="9" x2="9" y2="15" /><line x1="10" y1="12" x2="12" y2="14" /><line x1="12" y1="10" x2="14" y2="12" /><path d="M8 21a5 5 0 0 0 -5 -5" /><path d="M16 3c-7.18 0 -13 5.82 -13 13a5 5 0 0 0 5 5c7.18 0 13 -5.82 13 -13a5 5 0 0 0 -5 -5" /><path d="M16 3a5 5 0 0 0 5 5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">ball-american-football</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="ball-basketball" title="ball-basketball" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/ball-basketball --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5.65"</span> <span class="na">y1=</span><span class="s">"5.65"</span> <span class="na">x2=</span><span class="s">"18.35"</span> <span class="na">y2=</span><span class="s">"18.35"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5.65"</span> <span class="na">y1=</span><span class="s">"18.35"</span> <span class="na">x2=</span><span class="s">"18.35"</span> <span class="na">y2=</span><span class="s">"5.65"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3a9 9 0 0 0 9 9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 12a9 9 0 0 1 9 9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/ball-basketball -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="5.65" y1="5.65" x2="18.35" y2="18.35" /><line x1="5.65" y1="18.35" x2="18.35" y2="5.65" /><path d="M12 3a9 9 0 0 0 9 9" /><path d="M3 12a9 9 0 0 1 9 9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">ball-basketball</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="ball-bowling" title="ball-bowling" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/ball-bowling --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"11"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"11"</span> <span class="na">y2=</span><span class="s">"9.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"8.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/ball-bowling -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="11" y1="9" x2="11" y2="9.01" /><line x1="15" y1="8" x2="15" y2="8.01" /><line x1="14" y1="12" x2="14" y2="12.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">ball-bowling</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="ball-football-off" title="ball-football-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/ball-football-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20.041 16.046a9 9 0 0 0 -12.084 -12.09m-2.323 1.683a9 9 0 0 0 12.726 12.73"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7l4.755 3.455l-.566 1.743l-.98 3.014l-.209 .788h-6l-1.755 -5.545l1.86 -1.351l2.313 -1.681z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7v-4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"17.5"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16.755 10.455l3.745 -1.455"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.061 16.045l-2.561 2.955"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7.245 10.455l-3.745 -1.455"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/ball-football-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20.041 16.046a9 9 0 0 0 -12.084 -12.09m-2.323 1.683a9 9 0 0 0 12.726 12.73" /><path d="M12 7l4.755 3.455l-.566 1.743l-.98 3.014l-.209 .788h-6l-1.755 -5.545l1.86 -1.351l2.313 -1.681z" /><path d="M12 7v-4" /><line x1="15" y1="16" x2="17.5" y2="19" /><path d="M16.755 10.455l3.745 -1.455" /><path d="M9.061 16.045l-2.561 2.955" /><path d="M7.245 10.455l-3.745 -1.455" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">ball-football-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="ball-football" title="ball-football" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/ball-football --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7l4.76 3.45l-1.76 5.55h-6l-1.76 -5.55z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7v-4m3 13l2.5 3m-.74 -8.55l3.74 -1.45m-11.44 7.05l-2.56 2.95m.74 -8.55l-3.74 -1.45"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/ball-football -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M12 7l4.76 3.45l-1.76 5.55h-6l-1.76 -5.55z" /><path d="M12 7v-4m3 13l2.5 3m-.74 -8.55l3.74 -1.45m-11.44 7.05l-2.56 2.95m.74 -8.55l-3.74 -1.45" /></svg>
|
|
<div class="mt-1 text-muted text-h5">ball-football</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="ball-tennis" title="ball-tennis" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/ball-tennis --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 5.3a9 9 0 0 1 0 13.4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 5.3a9 9 0 0 0 0 13.4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/ball-tennis -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M6 5.3a9 9 0 0 1 0 13.4" /><path d="M18 5.3a9 9 0 0 0 0 13.4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">ball-tennis</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="ball-volleyball" title="ball-volleyball" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/ball-volleyball --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12a8 8 0 0 0 8 4m-12.5 -2.5a12 12 0 0 0 8.5 6.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12a8 8 0 0 0 8 4m-12.5 -2.5a12 12 0 0 0 8.5 6.5"</span> <span class="na">transform=</span><span class="s">"rotate(120 12 12)"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12a8 8 0 0 0 8 4m-12.5 -2.5a12 12 0 0 0 8.5 6.5"</span> <span class="na">transform=</span><span class="s">"rotate(240 12 12)"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/ball-volleyball -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M12 12a8 8 0 0 0 8 4m-12.5 -2.5a12 12 0 0 0 8.5 6.5" /><path d="M12 12a8 8 0 0 0 8 4m-12.5 -2.5a12 12 0 0 0 8.5 6.5" transform="rotate(120 12 12)" /><path d="M12 12a8 8 0 0 0 8 4m-12.5 -2.5a12 12 0 0 0 8.5 6.5" transform="rotate(240 12 12)" /></svg>
|
|
<div class="mt-1 text-muted text-h5">ball-volleyball</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="ban" title="ban" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/ban --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5.7"</span> <span class="na">y1=</span><span class="s">"5.7"</span> <span class="na">x2=</span><span class="s">"18.3"</span> <span class="na">y2=</span><span class="s">"18.3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/ban -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="5.7" y1="5.7" x2="18.3" y2="18.3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">ban</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="bandage" title="bandage" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/bandage --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"10.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"14.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4.5 12.5l8 -8a4.94 4.94 0 0 1 7 7l-8 8a4.94 4.94 0 0 1 -7 -7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/bandage -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="14" y1="12" x2="14" y2="12.01" /><line x1="10" y1="12" x2="10" y2="12.01" /><line x1="12" y1="10" x2="12" y2="10.01" /><line x1="12" y1="14" x2="12" y2="14.01" /><path d="M4.5 12.5l8 -8a4.94 4.94 0 0 1 7 7l-8 8a4.94 4.94 0 0 1 -7 -7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">bandage</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="barcode" title="barcode" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/barcode --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 7v-1a2 2 0 0 1 2 -2h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 17v1a2 2 0 0 0 2 2h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 4h2a2 2 0 0 1 2 2v1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 20h2a2 2 0 0 0 2 -2v-1"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"5"</span> <span class="na">y=</span><span class="s">"11"</span> <span class="na">width=</span><span class="s">"1"</span> <span class="na">height=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"14"</span> <span class="na">y=</span><span class="s">"11"</span> <span class="na">width=</span><span class="s">"1"</span> <span class="na">height=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/barcode -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7v-1a2 2 0 0 1 2 -2h2" /><path d="M4 17v1a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v1" /><path d="M16 20h2a2 2 0 0 0 2 -2v-1" /><rect x="5" y="11" width="1" height="2" /><line x1="10" y1="11" x2="10" y2="13" /><rect x="14" y="11" width="1" height="2" /><line x1="19" y1="11" x2="19" y2="13" /></svg>
|
|
<div class="mt-1 text-muted text-h5">barcode</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="basket" title="basket" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/basket --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"7 10 12 4 17 10"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 10l-2 8a2 2.5 0 0 1 -2 2h-10a2 2.5 0 0 1 -2 -2l-2 -8z"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"15"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/basket -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 10 12 4 17 10" /><path d="M21 10l-2 8a2 2.5 0 0 1 -2 2h-10a2 2.5 0 0 1 -2 -2l-2 -8z" /><circle cx="12" cy="15" r="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">basket</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="battery-1" title="battery-1" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/battery-1 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 7h11a2 2 0 0 1 2 2v.5a0.5 .5 0 0 0 .5 .5a0.5 .5 0 0 1 .5 .5v3a0.5 .5 0 0 1 -.5 .5a0.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/battery-1 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 7h11a2 2 0 0 1 2 2v.5a0.5 .5 0 0 0 .5 .5a0.5 .5 0 0 1 .5 .5v3a0.5 .5 0 0 1 -.5 .5a0.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2" /><line x1="7" y1="10" x2="7" y2="14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">battery-1</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="battery-2" title="battery-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/battery-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 7h11a2 2 0 0 1 2 2v.5a0.5 .5 0 0 0 .5 .5a0.5 .5 0 0 1 .5 .5v3a0.5 .5 0 0 1 -.5 .5a0.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/battery-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 7h11a2 2 0 0 1 2 2v.5a0.5 .5 0 0 0 .5 .5a0.5 .5 0 0 1 .5 .5v3a0.5 .5 0 0 1 -.5 .5a0.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2" /><line x1="7" y1="10" x2="7" y2="14" /><line x1="10" y1="10" x2="10" y2="14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">battery-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="battery-3" title="battery-3" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/battery-3 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 7h11a2 2 0 0 1 2 2v.5a0.5 .5 0 0 0 .5 .5a0.5 .5 0 0 1 .5 .5v3a0.5 .5 0 0 1 -.5 .5a0.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/battery-3 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 7h11a2 2 0 0 1 2 2v.5a0.5 .5 0 0 0 .5 .5a0.5 .5 0 0 1 .5 .5v3a0.5 .5 0 0 1 -.5 .5a0.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2" /><line x1="7" y1="10" x2="7" y2="14" /><line x1="10" y1="10" x2="10" y2="14" /><line x1="13" y1="10" x2="13" y2="14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">battery-3</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="battery-4" title="battery-4" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/battery-4 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 7h11a2 2 0 0 1 2 2v.5a0.5 .5 0 0 0 .5 .5a0.5 .5 0 0 1 .5 .5v3a0.5 .5 0 0 1 -.5 .5a0.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/battery-4 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 7h11a2 2 0 0 1 2 2v.5a0.5 .5 0 0 0 .5 .5a0.5 .5 0 0 1 .5 .5v3a0.5 .5 0 0 1 -.5 .5a0.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2" /><line x1="7" y1="10" x2="7" y2="14" /><line x1="10" y1="10" x2="10" y2="14" /><line x1="13" y1="10" x2="13" y2="14" /><line x1="16" y1="10" x2="16" y2="14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">battery-4</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="battery-automotive" title="battery-automotive" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/battery-automotive --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"6"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 6v-2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6.5"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"9.5"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14.5"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"17.5"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"11.5"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"14.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/battery-automotive -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="6" width="18" height="14" rx="2" /><path d="M6 6v-2" /><line x1="19" y1="4" x2="19" y2="6" /><line x1="6.5" y1="13" x2="9.5" y2="13" /><line x1="14.5" y1="13" x2="17.5" y2="13" /><line x1="16" y1="11.5" x2="16" y2="14.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">battery-automotive</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="battery-charging" title="battery-charging" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/battery-charging --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 7h1a2 2 0 0 1 2 2v.5a0.5 .5 0 0 0 .5 .5a0.5 .5 0 0 1 .5 .5v3a0.5 .5 0 0 1 -.5 .5a0.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 7h-2a2 2 0 0 0 -2 2v6a2 2 0 0 0 2 2h1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 8l-2 4h3l-2 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/battery-charging -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 7h1a2 2 0 0 1 2 2v.5a0.5 .5 0 0 0 .5 .5a0.5 .5 0 0 1 .5 .5v3a0.5 .5 0 0 1 -.5 .5a0.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-2" /><path d="M8 7h-2a2 2 0 0 0 -2 2v6a2 2 0 0 0 2 2h1" /><path d="M12 8l-2 4h3l-2 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">battery-charging</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="battery-off" title="battery-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/battery-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 7h6a2 2 0 0 1 2 2v.5a0.5 .5 0 0 0 .5 .5a0.5 .5 0 0 1 .5 .5v3a0.5 .5 0 0 1 -.5 .5a0.5 .5 0 0 0 -.5 .5v.5m-2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2h1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/battery-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M11 7h6a2 2 0 0 1 2 2v.5a0.5 .5 0 0 0 .5 .5a0.5 .5 0 0 1 .5 .5v3a0.5 .5 0 0 1 -.5 .5a0.5 .5 0 0 0 -.5 .5v.5m-2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2h1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">battery-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="battery" title="battery" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/battery --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 7h11a2 2 0 0 1 2 2v.5a0.5 .5 0 0 0 .5 .5a0.5 .5 0 0 1 .5 .5v3a0.5 .5 0 0 1 -.5 .5a0.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/battery -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 7h11a2 2 0 0 1 2 2v.5a0.5 .5 0 0 0 .5 .5a0.5 .5 0 0 1 .5 .5v3a0.5 .5 0 0 1 -.5 .5a0.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">battery</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="bed" title="bed" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/bed --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 7v11m0 -4h18m0 4v-8a2 2 0 0 0 -2 -2h-8v6"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"7"</span> <span class="na">cy=</span><span class="s">"10"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/bed -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7v11m0 -4h18m0 4v-8a2 2 0 0 0 -2 -2h-8v6" /><circle cx="7" cy="10" r="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">bed</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="bell-minus" title="bell-minus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/bell-minus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 17v1a3 3 0 0 0 6 0v-1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/bell-minus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /><line x1="10" y1="11" x2="14" y2="11" /></svg>
|
|
<div class="mt-1 text-muted text-h5">bell-minus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="bell-off" title="bell-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/bell-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 17h-13a4 4 0 0 0 2 -3v-3a7 7 0 0 1 1.279 -3.716m2.072 -1.934c.209 -.127 .425 -.244 .649 -.35a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 17v1a3 3 0 0 0 6 0v-1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/bell-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M17 17h-13a4 4 0 0 0 2 -3v-3a7 7 0 0 1 1.279 -3.716m2.072 -1.934c.209 -.127 .425 -.244 .649 -.35a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">bell-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="bell-plus" title="bell-plus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/bell-plus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 17v1a3 3 0 0 0 6 0v-1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/bell-plus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /><line x1="10" y1="11" x2="14" y2="11" /><line x1="12" y1="9" x2="12" y2="13" /></svg>
|
|
<div class="mt-1 text-muted text-h5">bell-plus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="bell-ringing-2" title="bell-ringing-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/bell-ringing-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19.364 4.636a2 2 0 0 1 0 2.828a7 7 0 0 1 -1.414 7.072l-2.122 2.12a4 4 0 0 0 -.707 3.536l-11.313 -11.312a4 4 0 0 0 3.535 -.707l2.121 -2.123a7 7 0 0 1 7.072 -1.414a2 2 0 0 1 2.828 0z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7.343 12.414l-.707 .707a3 3 0 0 0 4.243 4.243l.707 -.707"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/bell-ringing-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.364 4.636a2 2 0 0 1 0 2.828a7 7 0 0 1 -1.414 7.072l-2.122 2.12a4 4 0 0 0 -.707 3.536l-11.313 -11.312a4 4 0 0 0 3.535 -.707l2.121 -2.123a7 7 0 0 1 7.072 -1.414a2 2 0 0 1 2.828 0z" /><path d="M7.343 12.414l-.707 .707a3 3 0 0 0 4.243 4.243l.707 -.707" /></svg>
|
|
<div class="mt-1 text-muted text-h5">bell-ringing-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="bell-ringing" title="bell-ringing" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/bell-ringing --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 17v1a3 3 0 0 0 6 0v-1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 6.727a11.05 11.05 0 0 0 -2.794 -3.727"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 6.727a11.05 11.05 0 0 1 2.792 -3.727"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/bell-ringing -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /><path d="M21 6.727a11.05 11.05 0 0 0 -2.794 -3.727" /><path d="M3 6.727a11.05 11.05 0 0 1 2.792 -3.727" /></svg>
|
|
<div class="mt-1 text-muted text-h5">bell-ringing</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="bell-x" title="bell-x" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/bell-x --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 17v1a3 3 0 0 0 6 0v-1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10.5 9.5l3 3m0 -3l-3 3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/bell-x -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /><path d="M10.5 9.5l3 3m0 -3l-3 3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">bell-x</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="bell" title="bell" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/bell --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 17v1a3 3 0 0 0 6 0v-1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/bell -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">bell</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="bike" title="bike" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/bike --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5"</span> <span class="na">cy=</span><span class="s">"18"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"19"</span> <span class="na">cy=</span><span class="s">"18"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"12 19 12 15 9 12 14 8 16 11 19 11"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"5"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/bike -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="18" r="3" /><circle cx="19" cy="18" r="3" /><polyline points="12 19 12 15 9 12 14 8 16 11 19 11" /><circle cx="17" cy="5" r="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">bike</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="binary" title="binary" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/binary --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 10v-5h-1m8 14v-5h-1"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"15"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">width=</span><span class="s">"3"</span> <span class="na">height=</span><span class="s">"5"</span> <span class="na">rx=</span><span class="s">".5"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"10"</span> <span class="na">y=</span><span class="s">"14"</span> <span class="na">width=</span><span class="s">"3"</span> <span class="na">height=</span><span class="s">"5"</span> <span class="na">rx=</span><span class="s">".5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 10h.01m-.01 9h.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/binary -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 10v-5h-1m8 14v-5h-1" /><rect x="15" y="5" width="3" height="5" rx=".5" /><rect x="10" y="14" width="3" height="5" rx=".5" /><path d="M6 10h.01m-.01 9h.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">binary</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="biohazard" title="biohazard" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/biohazard --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11.939 14c0 .173 .048 .351 .056 .533l0 .217a4.75 4.75 0 0 1 -4.533 4.745l-.217 0m-4.75 -4.75a4.75 4.75 0 0 1 7.737 -3.693m6.513 8.443a4.75 4.75 0 0 1 -4.69 -5.503l-.06 0m1.764 -2.944a4.75 4.75 0 0 1 7.731 3.477l0 .217m-11.195 -3.813a4.75 4.75 0 0 1 -1.828 -7.624l.164 -.172m6.718 0a4.75 4.75 0 0 1 -1.665 7.798"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/biohazard -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="2" /><path d="M11.939 14c0 .173 .048 .351 .056 .533l0 .217a4.75 4.75 0 0 1 -4.533 4.745l-.217 0m-4.75 -4.75a4.75 4.75 0 0 1 7.737 -3.693m6.513 8.443a4.75 4.75 0 0 1 -4.69 -5.503l-.06 0m1.764 -2.944a4.75 4.75 0 0 1 7.731 3.477l0 .217m-11.195 -3.813a4.75 4.75 0 0 1 -1.828 -7.624l.164 -.172m6.718 0a4.75 4.75 0 0 1 -1.665 7.798" /></svg>
|
|
<div class="mt-1 text-muted text-h5">biohazard</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="blockquote" title="blockquote" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/blockquote --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 15h15"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 19h-15"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 11h6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 7h-6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 9h1a1 1 0 1 1 -1 1v-2.5a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 9h1a1 1 0 1 1 -1 1v-2.5a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/blockquote -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 15h15" /><path d="M21 19h-15" /><path d="M15 11h6" /><path d="M21 7h-6" /><path d="M9 9h1a1 1 0 1 1 -1 1v-2.5a2 2 0 0 1 2 -2" /><path d="M3 9h1a1 1 0 1 1 -1 1v-2.5a2 2 0 0 1 2 -2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">blockquote</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="bluetooth-connected" title="bluetooth-connected" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/bluetooth-connected --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"7 8 17 16 12 20 12 4 17 8 7 16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"5"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/bluetooth-connected -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 8 17 16 12 20 12 4 17 8 7 16" /><line x1="4" y1="12" x2="5" y2="12" /><line x1="18" y1="12" x2="19" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">bluetooth-connected</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="bluetooth-off" title="bluetooth-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/bluetooth-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16.438 16.45l-4.438 3.55v-8m0 -4v-4l5 4l-2.776 2.22m-2.222 1.779l-5 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/bluetooth-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M16.438 16.45l-4.438 3.55v-8m0 -4v-4l5 4l-2.776 2.22m-2.222 1.779l-5 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">bluetooth-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="bluetooth" title="bluetooth" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/bluetooth --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"7 8 17 16 12 20 12 4 17 8 7 16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/bluetooth -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 8 17 16 12 20 12 4 17 8 7 16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">bluetooth</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="bold" title="bold" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/bold --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 5h6a3.5 3.5 0 0 1 0 7h-6z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/bold -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 5h6a3.5 3.5 0 0 1 0 7h-6z" /><path d="M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">bold</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="bolt-off" title="bolt-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/bolt-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15.212 15.21l-4.212 5.79v-7h-6l3.79 -5.21m1.685 -2.32l2.525 -3.47v6m1 1h5l-2.104 2.893"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/bolt-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M15.212 15.21l-4.212 5.79v-7h-6l3.79 -5.21m1.685 -2.32l2.525 -3.47v6m1 1h5l-2.104 2.893" /></svg>
|
|
<div class="mt-1 text-muted text-h5">bolt-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="bolt" title="bolt" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/bolt --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"13 3 13 10 19 10 11 21 11 14 5 14 13 3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/bolt -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="13 3 13 10 19 10 11 21 11 14 5 14 13 3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">bolt</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="bone" title="bone" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/bone --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 3a3 3 0 0 1 3 3a3 3 0 1 1 -2.12 5.122l-4.758 4.758a3 3 0 1 1 -5.117 2.297l-.005 -.177l-.176 -.005a3 3 0 1 1 2.298 -5.115l4.758 -4.758a3 3 0 0 1 2.12 -5.122z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/bone -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 3a3 3 0 0 1 3 3a3 3 0 1 1 -2.12 5.122l-4.758 4.758a3 3 0 1 1 -5.117 2.297l-.005 -.177l-.176 -.005a3 3 0 1 1 2.298 -5.115l4.758 -4.758a3 3 0 0 1 2.12 -5.122z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">bone</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="book" title="book" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/book --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"3"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"21"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/book -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0" /><path d="M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0" /><line x1="3" y1="6" x2="3" y2="19" /><line x1="12" y1="6" x2="12" y2="19" /><line x1="21" y1="6" x2="21" y2="19" /></svg>
|
|
<div class="mt-1 text-muted text-h5">book</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="bookmark-off" title="bookmark-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/bookmark-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 17v3l-5 -3l-5 3v-13m1.178 -2.818c.252 -.113 .53 -.176 .822 -.176h6a2 2 0 0 1 2 2v7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/bookmark-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M17 17v3l-5 -3l-5 3v-13m1.178 -2.818c.252 -.113 .53 -.176 .822 -.176h6a2 2 0 0 1 2 2v7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">bookmark-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="bookmark" title="bookmark" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/bookmark --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 4h6a2 2 0 0 1 2 2v14l-5 -3l-5 3v-14a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/bookmark -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 4h6a2 2 0 0 1 2 2v14l-5 -3l-5 3v-14a2 2 0 0 1 2 -2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">bookmark</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="bookmarks" title="bookmarks" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/bookmarks --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 7a2 2 0 0 1 2 2v12l-5 -3l-5 3v-12a2 2 0 0 1 2 -2h6z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.265 4a2 2 0 0 1 1.735 -1h6a2 2 0 0 1 2 2v12l-1 -.6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/bookmarks -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 7a2 2 0 0 1 2 2v12l-5 -3l-5 3v-12a2 2 0 0 1 2 -2h6z" /><path d="M9.265 4a2 2 0 0 1 1.735 -1h6a2 2 0 0 1 2 2v12l-1 -.6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">bookmarks</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="border-all" title="border-all" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/border-all --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/border-all -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="4" y1="12" x2="20" y2="12" /><line x1="12" y1="4" x2="12" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">border-all</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="border-bottom" title="border-bottom" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/border-bottom --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"8.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"8.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"8.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"16.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"16.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"16.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/border-bottom -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="20" y1="20" x2="4" y2="20" /><line x1="4" y1="4" x2="4" y2="4.01" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="12" y1="4" x2="12" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="20" y1="4" x2="20" y2="4.01" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="12" y1="8" x2="12" y2="8.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="4" y1="12" x2="4" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /><line x1="20" y1="12" x2="20" y2="12.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="12" y1="16" x2="12" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">border-bottom</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="border-horizontal" title="border-horizontal" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/border-horizontal --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"8.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"8.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"8.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"16.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"16.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"16.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/border-horizontal -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="12" x2="20" y2="12" /><line x1="4" y1="4" x2="4" y2="4.01" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="12" y1="4" x2="12" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="20" y1="4" x2="20" y2="4.01" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="12" y1="8" x2="12" y2="8.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="12" y1="16" x2="12" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /><line x1="4" y1="20" x2="4" y2="20.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="12" y1="20" x2="12" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /><line x1="20" y1="20" x2="20" y2="20.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">border-horizontal</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="border-inner" title="border-inner" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/border-inner --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"8.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"8.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"16.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"16.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/border-inner -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="12" x2="20" y2="12" /><line x1="12" y1="4" x2="12" y2="20" /><line x1="4" y1="4" x2="4" y2="4.01" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="20" y1="4" x2="20" y2="4.01" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /><line x1="4" y1="20" x2="4" y2="20.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /><line x1="20" y1="20" x2="20" y2="20.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">border-inner</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="border-left" title="border-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/border-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"8.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"8.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"16.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"16.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/border-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="20" x2="4" y2="4" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="12" y1="4" x2="12" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="20" y1="4" x2="20" y2="4.01" /><line x1="12" y1="8" x2="12" y2="8.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /><line x1="20" y1="12" x2="20" y2="12.01" /><line x1="12" y1="16" x2="12" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="12" y1="20" x2="12" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /><line x1="20" y1="20" x2="20" y2="20.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">border-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="border-none" title="border-none" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/border-none --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"8.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"8.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"8.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"16.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"16.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"16.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/border-none -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="4" x2="4" y2="4.01" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="12" y1="4" x2="12" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="20" y1="4" x2="20" y2="4.01" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="12" y1="8" x2="12" y2="8.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="4" y1="12" x2="4" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /><line x1="20" y1="12" x2="20" y2="12.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="12" y1="16" x2="12" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /><line x1="4" y1="20" x2="4" y2="20.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="12" y1="20" x2="12" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /><line x1="20" y1="20" x2="20" y2="20.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">border-none</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="border-outer" title="border-outer" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/border-outer --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"8.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"16.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/border-outer -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="12" y1="8" x2="12" y2="8.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /><line x1="12" y1="16" x2="12" y2="16.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">border-outer</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="border-radius" title="border-radius" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/border-radius --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 12v-4a4 4 0 0 1 4 -4h4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"8.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"16.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"16.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/border-radius -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 12v-4a4 4 0 0 1 4 -4h4" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="20" y1="4" x2="20" y2="4.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="20" y1="12" x2="20" y2="12.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /><line x1="4" y1="20" x2="4" y2="20.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="12" y1="20" x2="12" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /><line x1="20" y1="20" x2="20" y2="20.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">border-radius</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="border-right" title="border-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/border-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"8.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"8.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"16.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"16.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/border-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="20" y1="4" x2="20" y2="20" /><line x1="4" y1="4" x2="4" y2="4.01" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="12" y1="4" x2="12" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="12" y1="8" x2="12" y2="8.01" /><line x1="4" y1="12" x2="4" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="12" y1="16" x2="12" y2="16.01" /><line x1="4" y1="20" x2="4" y2="20.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="12" y1="20" x2="12" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">border-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="border-style" title="border-style" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/border-style --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 20v-14a2 2 0 0 1 2 -2h14"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 8v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 12v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 16v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 20v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 20v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 20v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 20v.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/border-style -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 20v-14a2 2 0 0 1 2 -2h14" /><path d="M20 8v.01" /><path d="M20 12v.01" /><path d="M20 16v.01" /><path d="M8 20v.01" /><path d="M12 20v.01" /><path d="M16 20v.01" /><path d="M20 20v.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">border-style</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="border-top" title="border-top" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/border-top --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"8.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"8.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"8.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"16.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"16.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"16.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/border-top -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="4" x2="20" y2="4" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="12" y1="8" x2="12" y2="8.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="4" y1="12" x2="4" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /><line x1="20" y1="12" x2="20" y2="12.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="12" y1="16" x2="12" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /><line x1="4" y1="20" x2="4" y2="20.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="12" y1="20" x2="12" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /><line x1="20" y1="20" x2="20" y2="20.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">border-top</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="border-vertical" title="border-vertical" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/border-vertical --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"8.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"8.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"16.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"16.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/border-vertical -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="4" x2="12" y2="20" /><line x1="4" y1="4" x2="4" y2="4.01" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="20" y1="4" x2="20" y2="4.01" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="20" y1="8" x2="20" y2="8.01" /><line x1="4" y1="12" x2="4" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /><line x1="20" y1="12" x2="20" y2="12.01" /><line x1="4" y1="16" x2="4" y2="16.01" /><line x1="20" y1="16" x2="20" y2="16.01" /><line x1="4" y1="20" x2="4" y2="20.01" /><line x1="8" y1="20" x2="8" y2="20.01" /><line x1="16" y1="20" x2="16" y2="20.01" /><line x1="20" y1="20" x2="20" y2="20.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">border-vertical</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="box-margin" title="box-margin" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/box-margin --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 8h8v8h-8z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 4v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 4v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 4v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 4v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 4v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 20v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 20v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 20v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 20v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 20v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 16v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 12v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 8v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 16v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 12v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 8v.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/box-margin -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 8h8v8h-8z" /><path d="M4 4v.01" /><path d="M8 4v.01" /><path d="M12 4v.01" /><path d="M16 4v.01" /><path d="M20 4v.01" /><path d="M4 20v.01" /><path d="M8 20v.01" /><path d="M12 20v.01" /><path d="M16 20v.01" /><path d="M20 20v.01" /><path d="M20 16v.01" /><path d="M20 12v.01" /><path d="M20 8v.01" /><path d="M4 16v.01" /><path d="M4 12v.01" /><path d="M4 8v.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">box-margin</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="box-model" title="box-model" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/box-model --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 8h8v8h-8z"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 16l3.3 3.3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 8l3.3 -3.3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 8l-3.3 -3.3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 16l-3.3 3.3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/box-model -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 8h8v8h-8z" /><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M16 16l3.3 3.3" /><path d="M16 8l3.3 -3.3" /><path d="M8 8l-3.3 -3.3" /><path d="M8 16l-3.3 3.3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">box-model</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="box-multiple-0" title="box-multiple-0" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/box-multiple-0 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 6a2 2 0 0 1 2 2v4a2 2 0 1 1 -4 0v-4a2 2 0 0 1 2 -2z"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"7"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"14"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/box-multiple-0 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 6a2 2 0 0 1 2 2v4a2 2 0 1 1 -4 0v-4a2 2 0 0 1 2 -2z" /><rect x="7" y="3" width="14" height="14" rx="2" /><path d="M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">box-multiple-0</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="box-multiple-1" title="box-multiple-1" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/box-multiple-1 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"7"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"14"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 14v-8l-2 2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/box-multiple-1 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="7" y="3" width="14" height="14" rx="2" /><path d="M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2" /><path d="M14 14v-8l-2 2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">box-multiple-1</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="box-multiple-2" title="box-multiple-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/box-multiple-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"7"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"14"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 8a2 2 0 1 1 4 0c0 .591 -.417 1.318 -.816 1.858l-3.184 4.143l4 -.001"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/box-multiple-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="7" y="3" width="14" height="14" rx="2" /><path d="M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2" /><path d="M12 8a2 2 0 1 1 4 0c0 .591 -.417 1.318 -.816 1.858l-3.184 4.143l4 -.001" /></svg>
|
|
<div class="mt-1 text-muted text-h5">box-multiple-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="box-multiple-3" title="box-multiple-3" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/box-multiple-3 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"7"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"14"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 10a2 2 0 1 0 -2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12a2 2 0 1 0 2 -2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/box-multiple-3 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="7" y="3" width="14" height="14" rx="2" /><path d="M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2" /><path d="M14 10a2 2 0 1 0 -2 -2" /><path d="M12 12a2 2 0 1 0 2 -2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">box-multiple-3</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="box-multiple-4" title="box-multiple-4" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/box-multiple-4 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"7"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"14"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 14v-8l-4 6h5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/box-multiple-4 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="7" y="3" width="14" height="14" rx="2" /><path d="M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2" /><path d="M15 14v-8l-4 6h5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">box-multiple-4</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="box-multiple-5" title="box-multiple-5" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/box-multiple-5 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"7"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"14"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 14h2a2 2 0 1 0 0 -4h-2v-4h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/box-multiple-5 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="7" y="3" width="14" height="14" rx="2" /><path d="M12 14h2a2 2 0 1 0 0 -4h-2v-4h4" /><path d="M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">box-multiple-5</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="box-multiple-6" title="box-multiple-6" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/box-multiple-6 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"7"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"14"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"14"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 8a2 2 0 1 0 -4 0v4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/box-multiple-6 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="7" y="3" width="14" height="14" rx="2" /><circle cx="14" cy="12" r="2" /><path d="M16 8a2 2 0 1 0 -4 0v4" /><path d="M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">box-multiple-6</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="box-multiple-7" title="box-multiple-7" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/box-multiple-7 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"7"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"14"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 6h4l-2 8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/box-multiple-7 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="7" y="3" width="14" height="14" rx="2" /><path d="M12 6h4l-2 8" /><path d="M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">box-multiple-7</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="box-multiple-8" title="box-multiple-8" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/box-multiple-8 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"7"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"14"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"14"</span> <span class="na">cy=</span><span class="s">"8"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"14"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/box-multiple-8 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="7" y="3" width="14" height="14" rx="2" /><circle cx="14" cy="8" r="2" /><circle cx="14" cy="12" r="2" /><path d="M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">box-multiple-8</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="box-multiple-9" title="box-multiple-9" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/box-multiple-9 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"7"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"14"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"14"</span> <span class="na">cy=</span><span class="s">"8"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12a2 2 0 1 0 4 0v-4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/box-multiple-9 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="7" y="3" width="14" height="14" rx="2" /><circle cx="14" cy="8" r="2" /><path d="M12 12a2 2 0 1 0 4 0v-4" /><path d="M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">box-multiple-9</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="box-multiple" title="box-multiple" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/box-multiple --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"7"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"14"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/box-multiple -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="7" y="3" width="14" height="14" rx="2" /><path d="M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">box-multiple</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="box-padding" title="box-padding" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/box-padding --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 16v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 12v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 8v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 16v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 12v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 8v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 8v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 16v.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/box-padding -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M8 16v.01" /><path d="M8 12v.01" /><path d="M8 8v.01" /><path d="M16 16v.01" /><path d="M16 12v.01" /><path d="M16 8v.01" /><path d="M12 8v.01" /><path d="M12 16v.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">box-padding</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="box" title="box" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/box --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"7.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"7.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/box -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">box</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="braces" title="braces" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/braces --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 4a2 2 0 0 0 -2 2v3a2 3 0 0 1 -2 3a2 3 0 0 1 2 3v3a2 2 0 0 0 2 2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 4a2 2 0 0 1 2 2v3a2 3 0 0 0 2 3a2 3 0 0 0 -2 3v3a2 2 0 0 1 -2 2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/braces -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4a2 2 0 0 0 -2 2v3a2 3 0 0 1 -2 3a2 3 0 0 1 2 3v3a2 2 0 0 0 2 2" /><path d="M17 4a2 2 0 0 1 2 2v3a2 3 0 0 0 2 3a2 3 0 0 0 -2 3v3a2 2 0 0 1 -2 2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">braces</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brackets" title="brackets" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brackets --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 4h-3v16h3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 4h3v16h-3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brackets -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 4h-3v16h3" /><path d="M16 4h3v16h-3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brackets</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="briefcase" title="briefcase" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/briefcase --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"7"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"13"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 7v-2a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 13a20 20 0 0 0 18 0"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/briefcase -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="7" width="18" height="13" rx="2" /><path d="M8 7v-2a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v2" /><line x1="12" y1="12" x2="12" y2="12.01" /><path d="M3 13a20 20 0 0 0 18 0" /></svg>
|
|
<div class="mt-1 text-muted text-h5">briefcase</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brightness-2" title="brightness-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brightness-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 6h3.5l2.5 -2.5l2.5 2.5h3.5v3.5l2.5 2.5l-2.5 2.5v3.5h-3.5l-2.5 2.5l-2.5 -2.5h-3.5v-3.5l-2.5 -2.5l2.5 -2.5z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brightness-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3" /><path d="M6 6h3.5l2.5 -2.5l2.5 2.5h3.5v3.5l2.5 2.5l-2.5 2.5v3.5h-3.5l-2.5 2.5l-2.5 -2.5h-3.5v-3.5l-2.5 -2.5l2.5 -2.5z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brightness-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brightness-down" title="brightness-down" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brightness-down --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"5.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"7.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"17.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"19.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"17.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"5"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"7.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brightness-down -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3" /><line x1="12" y1="5" x2="12" y2="5.01" /><line x1="17" y1="7" x2="17" y2="7.01" /><line x1="19" y1="12" x2="19" y2="12.01" /><line x1="17" y1="17" x2="17" y2="17.01" /><line x1="12" y1="19" x2="12" y2="19.01" /><line x1="7" y1="17" x2="7" y2="17.01" /><line x1="5" y1="12" x2="5" y2="12.01" /><line x1="7" y1="7" x2="7" y2="7.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brightness-down</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brightness-half" title="brightness-half" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brightness-half --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 9a3 3 0 0 0 0 6v-6z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 6h3.5l2.5 -2.5l2.5 2.5h3.5v3.5l2.5 2.5l-2.5 2.5v3.5h-3.5l-2.5 2.5l-2.5 -2.5h-3.5v-3.5l-2.5 -2.5l2.5 -2.5z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brightness-half -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 9a3 3 0 0 0 0 6v-6z" /><path d="M6 6h3.5l2.5 -2.5l2.5 2.5h3.5v3.5l2.5 2.5l-2.5 2.5v3.5h-3.5l-2.5 2.5l-2.5 -2.5h-3.5v-3.5l-2.5 -2.5l2.5 -2.5z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brightness-half</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brightness-up" title="brightness-up" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brightness-up --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"18.4"</span> <span class="na">y2=</span><span class="s">"5.6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"18.4"</span> <span class="na">y2=</span><span class="s">"18.4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"5.6"</span> <span class="na">y2=</span><span class="s">"18.4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"5.6"</span> <span class="na">y2=</span><span class="s">"5.6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brightness-up -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3" /><line x1="12" y1="5" x2="12" y2="3" /><line x1="17" y1="7" x2="18.4" y2="5.6" /><line x1="19" y1="12" x2="21" y2="12" /><line x1="17" y1="17" x2="18.4" y2="18.4" /><line x1="12" y1="19" x2="12" y2="21" /><line x1="7" y1="17" x2="5.6" y2="18.4" /><line x1="6" y1="12" x2="4" y2="12" /><line x1="7" y1="7" x2="5.6" y2="5.6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brightness-up</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brightness" title="brightness" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brightness --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"16.65"</span> <span class="na">y2=</span><span class="s">"4.35"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"14.3"</span> <span class="na">x2=</span><span class="s">"19.37"</span> <span class="na">y2=</span><span class="s">"6.93"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"19.6"</span> <span class="na">x2=</span><span class="s">"20.85"</span> <span class="na">y2=</span><span class="s">"10.75"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brightness -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="12" y1="3" x2="12" y2="21" /><line x1="12" y1="9" x2="16.65" y2="4.35" /><line x1="12" y1="14.3" x2="19.37" y2="6.93" /><line x1="12" y1="19.6" x2="20.85" y2="10.75" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brightness</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="browser" title="browser" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/browser --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/browser -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="1" /><line x1="4" y1="8" x2="20" y2="8" /><line x1="8" y1="4" x2="8" y2="8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">browser</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brush" title="brush" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brush --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 21v-4a4 4 0 1 1 4 4h-4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 3a16 16 0 0 0 -12.8 10.2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 3a16 16 0 0 1 -10.2 12.8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10.6 9a9 9 0 0 1 4.4 4.4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brush -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 21v-4a4 4 0 1 1 4 4h-4" /><path d="M21 3a16 16 0 0 0 -12.8 10.2" /><path d="M21 3a16 16 0 0 1 -10.2 12.8" /><path d="M10.6 9a9 9 0 0 1 4.4 4.4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brush</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="bucket" title="bucket" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/bucket --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 9l-2 9a2 2.5 0 0 1 -2 2h-6a2 2.5 0 0 1 -2 -2l-2 -9z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 9a5 5 0 0 1 10 0"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/bucket -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 9l-2 9a2 2.5 0 0 1 -2 2h-6a2 2.5 0 0 1 -2 -2l-2 -9z" /><path d="M7 9a5 5 0 0 1 10 0" /></svg>
|
|
<div class="mt-1 text-muted text-h5">bucket</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="bug" title="bug" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/bug --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 9v-1a3 3 0 0 1 6 0v1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 9h8a6 6 0 0 1 1 3v3a5 5 0 0 1 -10 0v-3a6 6 0 0 1 1 -3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"7.35"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"16.65"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"7.75"</span> <span class="na">y2=</span><span class="s">"9.4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"16.25"</span> <span class="na">y2=</span><span class="s">"9.4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/bug -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 9v-1a3 3 0 0 1 6 0v1" /><path d="M8 9h8a6 6 0 0 1 1 3v3a5 5 0 0 1 -10 0v-3a6 6 0 0 1 1 -3" /><line x1="3" y1="13" x2="7" y2="13" /><line x1="17" y1="13" x2="21" y2="13" /><line x1="12" y1="20" x2="12" y2="14" /><line x1="4" y1="19" x2="7.35" y2="17" /><line x1="20" y1="19" x2="16.65" y2="17" /><line x1="4" y1="7" x2="7.75" y2="9.4" /><line x1="20" y1="7" x2="16.25" y2="9.4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">bug</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="building-arch" title="building-arch" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/building-arch --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 21v-15a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v15"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 21v-8a3 3 0 0 1 6 0v8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/building-arch -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><path d="M4 21v-15a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v15" /><path d="M9 21v-8a3 3 0 0 1 6 0v8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">building-arch</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="building-bank" title="building-bank" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/building-bank --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"5 6 12 3 19 6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/building-bank -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><line x1="3" y1="10" x2="21" y2="10" /><polyline points="5 6 12 3 19 6" /><line x1="4" y1="10" x2="4" y2="21" /><line x1="20" y1="10" x2="20" y2="21" /><line x1="8" y1="14" x2="8" y2="17" /><line x1="12" y1="14" x2="12" y2="17" /><line x1="16" y1="14" x2="16" y2="17" /></svg>
|
|
<div class="mt-1 text-muted text-h5">building-bank</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="building-bridge-2" title="building-bridge-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/building-bridge-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 7h12a2 2 0 0 1 2 2v9a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a4 4 0 0 0 -8 0v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-9a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/building-bridge-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 7h12a2 2 0 0 1 2 2v9a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a4 4 0 0 0 -8 0v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-9a2 2 0 0 1 2 -2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">building-bridge-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="building-bridge" title="building-bridge" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/building-bridge --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"2"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"22"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 8a7.5 7.5 0 0 0 3 -2a6.5 6.5 0 0 0 12 0a7.5 7.5 0 0 0 3 2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/building-bridge -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="5" x2="6" y2="19" /><line x1="18" y1="5" x2="18" y2="19" /><line x1="2" y1="15" x2="22" y2="15" /><path d="M3 8a7.5 7.5 0 0 0 3 -2a6.5 6.5 0 0 0 12 0a7.5 7.5 0 0 0 3 2" /><line x1="12" y1="10" x2="12" y2="15" /></svg>
|
|
<div class="mt-1 text-muted text-h5">building-bridge</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="building-carousel" title="building-carousel" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/building-carousel --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5"</span> <span class="na">cy=</span><span class="s">"8"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"4"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"19"</span> <span class="na">cy=</span><span class="s">"8"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5"</span> <span class="na">cy=</span><span class="s">"16"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"19"</span> <span class="na">cy=</span><span class="s">"16"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 22l4 -10l4 10"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/building-carousel -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="6" /><circle cx="5" cy="8" r="2" /><circle cx="12" cy="4" r="2" /><circle cx="19" cy="8" r="2" /><circle cx="5" cy="16" r="2" /><circle cx="19" cy="16" r="2" /><path d="M8 22l4 -10l4 10" /></svg>
|
|
<div class="mt-1 text-muted text-h5">building-carousel</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="building-castle" title="building-castle" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/building-castle --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 19v-2a3 3 0 0 0 -6 0v2a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1v-14h4v3h3v-3h4v3h3v-3h4v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/building-castle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 19v-2a3 3 0 0 0 -6 0v2a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1v-14h4v3h3v-3h4v3h3v-3h4v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><line x1="3" y1="11" x2="21" y2="11" /></svg>
|
|
<div class="mt-1 text-muted text-h5">building-castle</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="building-church" title="building-church" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/building-church --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 21v-4a2 2 0 0 1 4 0v4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 21v-7m-2 2l8 -8l8 8m-2 -2v7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/building-church -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><path d="M10 21v-4a2 2 0 0 1 4 0v4" /><line x1="10" y1="5" x2="14" y2="5" /><line x1="12" y1="3" x2="12" y2="8" /><path d="M6 21v-7m-2 2l8 -8l8 8m-2 -2v7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">building-church</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="building-community" title="building-community" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/building-community --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 9l5 5v7h-5v-4m0 4h-5v-7l5 -5m1 1v-6a1 1 0 0 1 1 -1h10a1 1 0 0 1 1 1v17h-8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"7.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"7.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"11.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"15.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/building-community -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l5 5v7h-5v-4m0 4h-5v-7l5 -5m1 1v-6a1 1 0 0 1 1 -1h10a1 1 0 0 1 1 1v17h-8" /><line x1="13" y1="7" x2="13" y2="7.01" /><line x1="17" y1="7" x2="17" y2="7.01" /><line x1="17" y1="11" x2="17" y2="11.01" /><line x1="17" y1="15" x2="17" y2="15.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">building-community</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="building-cottage" title="building-cottage" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/building-cottage --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 21v-11l2.5 -4.5l5.5 -2.5l5.5 2.5l2.5 4.5v11"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"9"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 21v-5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/building-cottage -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><path d="M4 21v-11l2.5 -4.5l5.5 -2.5l5.5 2.5l2.5 4.5v11" /><circle cx="12" cy="9" r="2" /><path d="M9 21v-5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">building-cottage</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="building-factory" title="building-factory" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/building-factory --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 21c1.147 -4.02 1.983 -8.027 2 -12h6c.017 3.973 .853 7.98 2 12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12.5 13h4.5c.025 2.612 .894 5.296 2 8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 5a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"22"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/building-factory -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21c1.147 -4.02 1.983 -8.027 2 -12h6c.017 3.973 .853 7.98 2 12" /><path d="M12.5 13h4.5c.025 2.612 .894 5.296 2 8" /><path d="M9 5a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1" /><line x1="3" y1="21" x2="22" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">building-factory</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="building-fortress" title="building-fortress" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/building-fortress --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 21h1a1 1 0 0 0 1 -1v-1h0a3 3 0 0 1 6 0m3 2h1a1 1 0 0 0 1 -1v-15l-3 -2l-3 2v6h-4v-6l-3 -2l-3 2v15a1 1 0 0 0 1 1h2m8 -2v1a1 1 0 0 0 1 1h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 7h0v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 10h0v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 13h0v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 7h0v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 10h0v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 13h0v.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/building-fortress -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 21h1a1 1 0 0 0 1 -1v-1h0a3 3 0 0 1 6 0m3 2h1a1 1 0 0 0 1 -1v-15l-3 -2l-3 2v6h-4v-6l-3 -2l-3 2v15a1 1 0 0 0 1 1h2m8 -2v1a1 1 0 0 0 1 1h2" /><path d="M7 7h0v.01" /><path d="M7 10h0v.01" /><path d="M7 13h0v.01" /><path d="M17 7h0v.01" /><path d="M17 10h0v.01" /><path d="M17 13h0v.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">building-fortress</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="building-hospital" title="building-hospital" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/building-hospital --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 21v-4a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/building-hospital -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><path d="M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16" /><path d="M9 21v-4a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v4" /><line x1="10" y1="9" x2="14" y2="9" /><line x1="12" y1="7" x2="12" y2="11" /></svg>
|
|
<div class="mt-1 text-muted text-h5">building-hospital</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="building-lighthouse" title="building-lighthouse" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/building-lighthouse --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3l2 3l2 15h-8l2 -15z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 11l2 -2l-2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 11l-2 -2l2 -2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/building-lighthouse -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3l2 3l2 15h-8l2 -15z" /><line x1="8" y1="9" x2="16" y2="9" /><path d="M3 11l2 -2l-2 -2" /><path d="M21 11l-2 -2l2 -2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">building-lighthouse</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="building-monument" title="building-monument" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/building-monument --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 18l2 -13l2 -2l2 2l2 13"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 21v-3h14v3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/building-monument -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 18l2 -13l2 -2l2 2l2 13" /><path d="M5 21v-3h14v3" /><line x1="3" y1="21" x2="21" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">building-monument</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="building-pavilon" title="building-pavilon" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/building-pavilon --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 21h7v-3a2 2 0 0 1 4 0v3h7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 12h12a3 3 0 0 0 3 -3a9 8 0 0 1 -9 -6a9 8 0 0 1 -9 6a3 3 0 0 0 3 3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/building-pavilon -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 21h7v-3a2 2 0 0 1 4 0v3h7" /><line x1="6" y1="21" x2="6" y2="12" /><line x1="18" y1="21" x2="18" y2="12" /><path d="M6 12h12a3 3 0 0 0 3 -3a9 8 0 0 1 -9 -6a9 8 0 0 1 -9 6a3 3 0 0 0 3 3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">building-pavilon</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="building-skyscraper" title="building-skyscraper" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/building-skyscraper --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 21v-14l8 -4v18"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 21v-10l-6 -4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"9.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"15.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"18.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/building-skyscraper -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><path d="M5 21v-14l8 -4v18" /><path d="M19 21v-10l-6 -4" /><line x1="9" y1="9" x2="9" y2="9.01" /><line x1="9" y1="12" x2="9" y2="12.01" /><line x1="9" y1="15" x2="9" y2="15.01" /><line x1="9" y1="18" x2="9" y2="18.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">building-skyscraper</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="building-store" title="building-store" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/building-store --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 7v1a3 3 0 0 0 6 0v-1m0 1a3 3 0 0 0 6 0v-1m0 1a3 3 0 0 0 6 0v-1h-18l2 -4h14l2 4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"5"</span> <span class="na">y2=</span><span class="s">"10.85"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"10.85"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 21v-4a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/building-store -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><path d="M3 7v1a3 3 0 0 0 6 0v-1m0 1a3 3 0 0 0 6 0v-1m0 1a3 3 0 0 0 6 0v-1h-18l2 -4h14l2 4" /><line x1="5" y1="21" x2="5" y2="10.85" /><line x1="19" y1="21" x2="19" y2="10.85" /><path d="M9 21v-4a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">building-store</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="building-warehouse" title="building-warehouse" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/building-warehouse --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 21v-13l9 -4l9 4v13"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 13h4v8h-10v-6h6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 21v-9a1 1 0 0 0 -1 -1h-2a1 1 0 0 0 -1 1v3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/building-warehouse -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 21v-13l9 -4l9 4v13" /><path d="M13 13h4v8h-10v-6h6" /><path d="M13 21v-9a1 1 0 0 0 -1 -1h-2a1 1 0 0 0 -1 1v3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">building-warehouse</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="building" title="building" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/building --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/building -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><line x1="9" y1="8" x2="10" y2="8" /><line x1="9" y1="12" x2="10" y2="12" /><line x1="9" y1="16" x2="10" y2="16" /><line x1="14" y1="8" x2="15" y2="8" /><line x1="14" y1="12" x2="15" y2="12" /><line x1="14" y1="16" x2="15" y2="16" /><path d="M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">building</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="bulb-off" title="bulb-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/bulb-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0 -1 3a2 2 0 0 1 -4 0a3.5 3.5 0 0 0 -1 -3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9.7"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"14.3"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/bulb-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0 -1 3a2 2 0 0 1 -4 0a3.5 3.5 0 0 0 -1 -3" /><line x1="9.7" y1="17" x2="14.3" y2="17" /></svg>
|
|
<div class="mt-1 text-muted text-h5">bulb-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="bulb" title="bulb" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/bulb --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0 -1 3a2 2 0 0 1 -4 0a3.5 3.5 0 0 0 -1 -3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9.7"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"14.3"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/bulb -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7" /><path d="M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0 -1 3a2 2 0 0 1 -4 0a3.5 3.5 0 0 0 -1 -3" /><line x1="9.7" y1="17" x2="14.3" y2="17" /></svg>
|
|
<div class="mt-1 text-muted text-h5">bulb</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="bulldozer" title="bulldozer" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/bulldozer --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"4"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"13"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 13v6h3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 12v-5h2a3 3 0 0 1 3 3v5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 15v-2a1 1 0 0 1 1 -1h7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/bulldozer -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="4" cy="17" r="2" /><circle cx="13" cy="17" r="2" /><path d="M18 13v6h3" /><line x1="13" y1="19" x2="4" y2="19" /><line x1="4" y1="15" x2="13" y2="15" /><path d="M8 12v-5h2a3 3 0 0 1 3 3v5" /><path d="M5 15v-2a1 1 0 0 1 1 -1h7" /><line x1="18" y1="17" x2="15" y2="17" /></svg>
|
|
<div class="mt-1 text-muted text-h5">bulldozer</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="bus" title="bus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/bus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"18"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 17h-2v-11a1 1 0 0 1 1 -1h14a5 7 0 0 1 5 7v5h-2m-4 0h-8"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"16 5 17.5 12 22 12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"2"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/bus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="17" r="2" /><circle cx="18" cy="17" r="2" /><path d="M4 17h-2v-11a1 1 0 0 1 1 -1h14a5 7 0 0 1 5 7v5h-2m-4 0h-8" /><polyline points="16 5 17.5 12 22 12" /><line x1="2" y1="10" x2="17" y2="10" /><line x1="7" y1="5" x2="7" y2="10" /><line x1="12" y1="5" x2="12" y2="10" /></svg>
|
|
<div class="mt-1 text-muted text-h5">bus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="businessplan" title="businessplan" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/businessplan --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;ellipse</span> <span class="na">cx=</span><span class="s">"16"</span> <span class="na">cy=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"5"</span> <span class="na">ry=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 6v4c0 1.657 2.239 3 5 3s5 -1.343 5 -3v-4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 10v4c0 1.657 2.239 3 5 3s5 -1.343 5 -3v-4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 14v4c0 1.657 2.239 3 5 3s5 -1.343 5 -3v-4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 9h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3h-2.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 15v1m0 -8v1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/businessplan -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><ellipse cx="16" cy="6" rx="5" ry="3" /><path d="M11 6v4c0 1.657 2.239 3 5 3s5 -1.343 5 -3v-4" /><path d="M11 10v4c0 1.657 2.239 3 5 3s5 -1.343 5 -3v-4" /><path d="M11 14v4c0 1.657 2.239 3 5 3s5 -1.343 5 -3v-4" /><path d="M7 9h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3h-2.5" /><path d="M5 15v1m0 -8v1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">businessplan</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="calculator" title="calculator" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/calculator --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"18"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"8"</span> <span class="na">y=</span><span class="s">"7"</span> <span class="na">width=</span><span class="s">"8"</span> <span class="na">height=</span><span class="s">"3"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"14.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"14.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"14.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"17.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"17.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"17.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/calculator -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="3" width="16" height="18" rx="2" /><rect x="8" y="7" width="8" height="3" rx="1" /><line x1="8" y1="14" x2="8" y2="14.01" /><line x1="12" y1="14" x2="12" y2="14.01" /><line x1="16" y1="14" x2="16" y2="14.01" /><line x1="8" y1="17" x2="8" y2="17.01" /><line x1="12" y1="17" x2="12" y2="17.01" /><line x1="16" y1="17" x2="16" y2="17.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">calculator</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="calendar-event" title="calendar-event" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/calendar-event --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"8"</span> <span class="na">y=</span><span class="s">"15"</span> <span class="na">width=</span><span class="s">"2"</span> <span class="na">height=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/calendar-event -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><rect x="8" y="15" width="2" height="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">calendar-event</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="calendar-minus" title="calendar-minus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/calendar-minus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/calendar-minus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><line x1="10" y1="16" x2="14" y2="16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">calendar-minus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="calendar-off" title="calendar-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/calendar-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19.823 19.824a2 2 0 0 1 -1.823 1.176h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 1.175 -1.823m3.825 -.177h9a2 2 0 0 1 2 2v9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 11h7m4 0h5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"11"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/calendar-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.823 19.824a2 2 0 0 1 -1.823 1.176h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 1.175 -1.823m3.825 -.177h9a2 2 0 0 1 2 2v9" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="4" /><path d="M4 11h7m4 0h5" /><line x1="11" y1="15" x2="12" y2="15" /><line x1="12" y1="15" x2="12" y2="18" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">calendar-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="calendar-plus" title="calendar-plus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/calendar-plus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/calendar-plus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><line x1="10" y1="16" x2="14" y2="16" /><line x1="12" y1="14" x2="12" y2="18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">calendar-plus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="calendar-stats" title="calendar-stats" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/calendar-stats --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 14v4h4"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"18"</span> <span class="na">cy=</span><span class="s">"18"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 3v4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 3v4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 11h16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/calendar-stats -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4" /><path d="M18 14v4h4" /><circle cx="18" cy="18" r="4" /><path d="M15 3v4" /><path d="M7 3v4" /><path d="M3 11h16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">calendar-stats</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="calendar-time" title="calendar-time" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/calendar-time --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"18"</span> <span class="na">cy=</span><span class="s">"18"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 3v4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 3v4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 11h16"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 16.496v1.504l1 1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/calendar-time -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4" /><circle cx="18" cy="18" r="4" /><path d="M15 3v4" /><path d="M7 3v4" /><path d="M3 11h16" /><path d="M18 16.496v1.504l1 1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">calendar-time</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="calendar" title="calendar" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/calendar --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"11"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/calendar -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><line x1="11" y1="15" x2="12" y2="15" /><line x1="12" y1="15" x2="12" y2="18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">calendar</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="camera-minus" title="camera-minus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/camera-minus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"13"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 7h1a2 2 0 0 0 2 -2a1 1 0 0 1 1 -1h3m9 6v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/camera-minus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="13" r="3" /><path d="M5 7h1a2 2 0 0 0 2 -2a1 1 0 0 1 1 -1h3m9 6v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2" /><line x1="15" y1="6" x2="21" y2="6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">camera-minus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="camera-off" title="camera-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/camera-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8.29 4.296a1 1 0 0 1 .71 -.296h6a1 1 0 0 1 1 1a2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v8m-1.179 2.824c-.25 .113 -.528 .176 -.821 .176h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2h1c.292 0 .568 -.062 .818 -.175"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10.436 10.44a3 3 0 1 0 4.126 4.122"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/camera-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8.29 4.296a1 1 0 0 1 .71 -.296h6a1 1 0 0 1 1 1a2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v8m-1.179 2.824c-.25 .113 -.528 .176 -.821 .176h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2h1c.292 0 .568 -.062 .818 -.175" /><path d="M10.436 10.44a3 3 0 1 0 4.126 4.122" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">camera-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="camera-plus" title="camera-plus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/camera-plus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"13"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 7h2a2 2 0 0 0 2 -2a1 1 0 0 1 1 -1h2m9 7v7a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/camera-plus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="13" r="3" /><path d="M5 7h2a2 2 0 0 0 2 -2a1 1 0 0 1 1 -1h2m9 7v7a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2" /><line x1="15" y1="6" x2="21" y2="6" /><line x1="18" y1="3" x2="18" y2="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">camera-plus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="camera-rotate" title="camera-rotate" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/camera-rotate --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 7h1a2 2 0 0 0 2 -2a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1a2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v9a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11.245 15.904a3 3 0 0 0 3.755 -2.904m-2.25 -2.905a3 3 0 0 0 -3.75 2.905"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 13h2v2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 13h-2v-2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/camera-rotate -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7h1a2 2 0 0 0 2 -2a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1a2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v9a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2" /><path d="M11.245 15.904a3 3 0 0 0 3.755 -2.904m-2.25 -2.905a3 3 0 0 0 -3.75 2.905" /><path d="M14 13h2v2" /><path d="M10 13h-2v-2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">camera-rotate</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="camera-selfie" title="camera-selfie" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/camera-selfie --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 7h1a2 2 0 0 0 2 -2a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1a2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v9a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.5 15a3.5 3.5 0 0 0 5 0"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"15.01"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"9.01"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/camera-selfie -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7h1a2 2 0 0 0 2 -2a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1a2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v9a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2" /><path d="M9.5 15a3.5 3.5 0 0 0 5 0" /><line x1="15" y1="11" x2="15.01" y2="11" /><line x1="9" y1="11" x2="9.01" y2="11" /></svg>
|
|
<div class="mt-1 text-muted text-h5">camera-selfie</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="camera" title="camera" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/camera --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 7h1a2 2 0 0 0 2 -2a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1a2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v9a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"13"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/camera -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7h1a2 2 0 0 0 2 -2a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1a2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v9a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2" /><circle cx="12" cy="13" r="3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">camera</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="capture" title="capture" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/capture --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 8v-2a2 2 0 0 1 2 -2h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 16v2a2 2 0 0 0 2 2h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 4h2a2 2 0 0 1 2 2v2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 20h2a2 2 0 0 0 2 -2v-2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/capture -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 8v-2a2 2 0 0 1 2 -2h2" /><path d="M4 16v2a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v2" /><path d="M16 20h2a2 2 0 0 0 2 -2v-2" /><circle cx="12" cy="12" r="3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">capture</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="car" title="car" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/car --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"7"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 17h-2v-6l2 -5h9l4 5h1a2 2 0 0 1 2 2v4h-2m-4 0h-6m-6 -6h15m-6 0v-5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/car -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M5 17h-2v-6l2 -5h9l4 5h1a2 2 0 0 1 2 2v4h-2m-4 0h-6m-6 -6h15m-6 0v-5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">car</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="caravan" title="caravan" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/caravan --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"11"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"21"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 17h-5a1 1 0 0 1 -1 -1v-9a2 2 0 0 1 2 -2h10l4 4v8"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"6"</span> <span class="na">y=</span><span class="s">"8"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/caravan -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="11" cy="17" r="2" /><line x1="21" y1="17" x2="13" y2="17" /><path d="M9 17h-5a1 1 0 0 1 -1 -1v-9a2 2 0 0 1 2 -2h10l4 4v8" /><rect x="6" y="8" width="6" height="4" rx="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">caravan</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="cardboards" title="cardboards" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/cardboards --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 7v8.5a2.5 2.5 0 0 0 2.5 2.5h1.06a3 3 0 0 0 2.34 -1.13l1.54 -1.92a2 2 0 0 1 3.12 0l1.54 1.92a3 3 0 0 0 2.34 1.13h1.06a2.5 2.5 0 0 0 2.5 -2.5v-8.5a2 2 0 0 0 -2 -2h-14a2 2 0 0 0 -2 2z"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"8"</span> <span class="na">cy=</span><span class="s">"11"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"16"</span> <span class="na">cy=</span><span class="s">"11"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/cardboards -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7v8.5a2.5 2.5 0 0 0 2.5 2.5h1.06a3 3 0 0 0 2.34 -1.13l1.54 -1.92a2 2 0 0 1 3.12 0l1.54 1.92a3 3 0 0 0 2.34 1.13h1.06a2.5 2.5 0 0 0 2.5 -2.5v-8.5a2 2 0 0 0 -2 -2h-14a2 2 0 0 0 -2 2z" /><circle cx="8" cy="11" r="1" /><circle cx="16" cy="11" r="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">cardboards</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="caret-down" title="caret-down" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/caret-down --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 15l-6 -6l-6 6h12"</span> <span class="na">transform=</span><span class="s">"rotate(180 12 12)"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/caret-down -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 15l-6 -6l-6 6h12" transform="rotate(180 12 12)" /></svg>
|
|
<div class="mt-1 text-muted text-h5">caret-down</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="caret-left" title="caret-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/caret-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 15l-6 -6l-6 6h12"</span> <span class="na">transform=</span><span class="s">"rotate(270 12 12)"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/caret-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 15l-6 -6l-6 6h12" transform="rotate(270 12 12)" /></svg>
|
|
<div class="mt-1 text-muted text-h5">caret-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="caret-right" title="caret-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/caret-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 15l-6 -6l-6 6h12"</span> <span class="na">transform=</span><span class="s">"rotate(90 12 12)"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/caret-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 15l-6 -6l-6 6h12" transform="rotate(90 12 12)" /></svg>
|
|
<div class="mt-1 text-muted text-h5">caret-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="caret-up" title="caret-up" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/caret-up --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 15l-6 -6l-6 6h12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/caret-up -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 15l-6 -6l-6 6h12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">caret-up</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="cash-banknote-off" title="cash-banknote-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/cash-banknote-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.88 9.878a3 3 0 1 0 4.242 4.243m.58 -3.425a3.012 3.012 0 0 0 -1.412 -1.405"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 6h9a2 2 0 0 1 2 2v8c0 .294 -.064 .574 -.178 .825m-2.822 1.175h-13a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"18.01"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"6.01"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/cash-banknote-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9.88 9.878a3 3 0 1 0 4.242 4.243m.58 -3.425a3.012 3.012 0 0 0 -1.412 -1.405" /><path d="M10 6h9a2 2 0 0 1 2 2v8c0 .294 -.064 .574 -.178 .825m-2.822 1.175h-13a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h1" /><line x1="18" y1="12" x2="18.01" y2="12" /><line x1="6" y1="12" x2="6.01" y2="12" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">cash-banknote-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="cash-banknote" title="cash-banknote" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/cash-banknote --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"6"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"18.01"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"6.01"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/cash-banknote -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3" /><rect x="3" y="6" width="18" height="12" rx="2" /><line x1="18" y1="12" x2="18.01" y2="12" /><line x1="6" y1="12" x2="6.01" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">cash-banknote</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="cash" title="cash" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/cash --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"7"</span> <span class="na">y=</span><span class="s">"9"</span> <span class="na">width=</span><span class="s">"14"</span> <span class="na">height=</span><span class="s">"10"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"14"</span> <span class="na">cy=</span><span class="s">"14"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 9v-2a2 2 0 0 0 -2 -2h-10a2 2 0 0 0 -2 2v6a2 2 0 0 0 2 2h2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/cash -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="7" y="9" width="14" height="10" rx="2" /><circle cx="14" cy="14" r="2" /><path d="M17 9v-2a2 2 0 0 0 -2 -2h-10a2 2 0 0 0 -2 2v6a2 2 0 0 0 2 2h2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">cash</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="cast" title="cast" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/cast --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"3.01"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 19a4 4 0 0 0 -4 -4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 19a8 8 0 0 0 -8 -8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 19h3a3 3 0 0 0 3 -3v-8a3 3 0 0 0 -3 -3h-12a3 3 0 0 0 -2.8 2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/cast -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="19" x2="3.01" y2="19" /><path d="M7 19a4 4 0 0 0 -4 -4" /><path d="M11 19a8 8 0 0 0 -8 -8" /><path d="M15 19h3a3 3 0 0 0 3 -3v-8a3 3 0 0 0 -3 -3h-12a3 3 0 0 0 -2.8 2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">cast</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="ce" title="ce" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/ce --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 4a8 8 0 1 0 0 16"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 4a8 8 0 1 0 0 16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/ce -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 4a8 8 0 1 0 0 16" /><path d="M20 4a8 8 0 1 0 0 16" /><line x1="12" y1="12" x2="20" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">ce</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="certificate" title="certificate" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/certificate --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"15"</span> <span class="na">cy=</span><span class="s">"15"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 17.5v4.5l2 -1.5l2 1.5v-4.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 19h-5a2 2 0 0 1 -2 -2v-10c0 -1.1 .9 -2 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -1 1.73"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/certificate -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="15" cy="15" r="3" /><path d="M13 17.5v4.5l2 -1.5l2 1.5v-4.5" /><path d="M10 19h-5a2 2 0 0 1 -2 -2v-10c0 -1.1 .9 -2 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -1 1.73" /><line x1="6" y1="9" x2="18" y2="9" /><line x1="6" y1="12" x2="9" y2="12" /><line x1="6" y1="15" x2="8" y2="15" /></svg>
|
|
<div class="mt-1 text-muted text-h5">certificate</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="charging-pile" title="charging-pile" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/charging-pile --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 11h1a2 2 0 0 1 2 2v3a1.5 1.5 0 0 0 3 0v-7l-3 -3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 20v-14a2 2 0 0 1 2 -2h6a2 2 0 0 1 2 2v14"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 11.5l-1.5 2.5h3l-1.5 2.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/charging-pile -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="7" x2="17" y2="8" /><path d="M14 11h1a2 2 0 0 1 2 2v3a1.5 1.5 0 0 0 3 0v-7l-3 -3" /><path d="M4 20v-14a2 2 0 0 1 2 -2h6a2 2 0 0 1 2 2v14" /><path d="M9 11.5l-1.5 2.5h3l-1.5 2.5" /><line x1="3" y1="20" x2="15" y2="20" /><line x1="4" y1="8" x2="14" y2="8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">charging-pile</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chart-arcs-3" title="chart-arcs-3" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chart-arcs-3 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 12a5 5 0 1 0 5 -5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6.29 18.957a9 9 0 1 0 5.71 -15.957"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chart-arcs-3 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="1" /><path d="M7 12a5 5 0 1 0 5 -5" /><path d="M6.29 18.957a9 9 0 1 0 5.71 -15.957" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chart-arcs-3</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chart-arcs" title="chart-arcs" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chart-arcs --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16.924 11.132a5 5 0 1 0 -4.056 5.792"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 12a9 9 0 1 0 9 -9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chart-arcs -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="1" /><path d="M16.924 11.132a5 5 0 1 0 -4.056 5.792" /><path d="M3 12a9 9 0 1 0 9 -9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chart-arcs</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chart-area-line" title="chart-area-line" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chart-area-line --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"4 19 8 13 12 15 16 10 20 14 20 19 4 19"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"4 12 7 8 11 10 16 4 20 8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chart-area-line -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="4 19 8 13 12 15 16 10 20 14 20 19 4 19" /><polyline points="4 12 7 8 11 10 16 4 20 8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chart-area-line</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chart-area" title="chart-area" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chart-area --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"4 15 8 9 12 11 16 6 20 10 20 15 4 15"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chart-area -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="19" x2="20" y2="19" /><polyline points="4 15 8 9 12 11 16 6 20 10 20 15 4 15" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chart-area</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chart-arrows-vertical" title="chart-arrows-vertical" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chart-arrows-vertical --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 21v-14"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 15l3 -3l3 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 10l3 -3l3 3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 6l3 -3l3 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 21v-18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chart-arrows-vertical -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 21v-14" /><path d="M9 15l3 -3l3 3" /><path d="M15 10l3 -3l3 3" /><line x1="3" y1="21" x2="21" y2="21" /><line x1="12" y1="21" x2="12" y2="12" /><path d="M3 6l3 -3l3 3" /><path d="M6 21v-18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chart-arrows-vertical</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chart-arrows" title="chart-arrows" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chart-arrows --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 9l3 3l-3 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 15l3 3l-3 3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"3"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 3l3 3l-3 3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chart-arrows -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="18" x2="17" y2="18" /><path d="M9 9l3 3l-3 3" /><path d="M14 15l3 3l-3 3" /><line x1="3" y1="3" x2="3" y2="21" /><line x1="3" y1="12" x2="12" y2="12" /><path d="M18 3l3 3l-3 3" /><line x1="3" y1="6" x2="21" y2="6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chart-arrows</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chart-bar" title="chart-bar" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chart-bar --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"12"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"8"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"9"</span> <span class="na">y=</span><span class="s">"8"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"15"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chart-bar -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="12" width="6" height="8" rx="1" /><rect x="9" y="8" width="6" height="12" rx="1" /><rect x="15" y="4" width="6" height="16" rx="1" /><line x1="4" y1="20" x2="18" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chart-bar</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chart-bubble" title="chart-bubble" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chart-bubble --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6"</span> <span class="na">cy=</span><span class="s">"16"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"16"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"14.5"</span> <span class="na">cy=</span><span class="s">"7.5"</span> <span class="na">r=</span><span class="s">"4.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chart-bubble -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="16" r="3" /><circle cx="16" cy="19" r="2" /><circle cx="14.5" cy="7.5" r="4.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chart-bubble</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chart-candle" title="chart-candle" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chart-candle --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"6"</span> <span class="na">width=</span><span class="s">"4"</span> <span class="na">height=</span><span class="s">"5"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"10"</span> <span class="na">y=</span><span class="s">"14"</span> <span class="na">width=</span><span class="s">"4"</span> <span class="na">height=</span><span class="s">"5"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"16"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">width=</span><span class="s">"4"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chart-candle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="6" width="4" height="5" rx="1" /><line x1="6" y1="4" x2="6" y2="6" /><line x1="6" y1="11" x2="6" y2="20" /><rect x="10" y="14" width="4" height="5" rx="1" /><line x1="12" y1="4" x2="12" y2="14" /><line x1="12" y1="19" x2="12" y2="20" /><rect x="16" y="5" width="4" height="6" rx="1" /><line x1="18" y1="4" x2="18" y2="5" /><line x1="18" y1="11" x2="18" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chart-candle</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chart-circles" title="chart-circles" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chart-circles --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"9.5"</span> <span class="na">cy=</span><span class="s">"9.5"</span> <span class="na">r=</span><span class="s">"5.5"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"14.5"</span> <span class="na">cy=</span><span class="s">"14.5"</span> <span class="na">r=</span><span class="s">"5.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chart-circles -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9.5" cy="9.5" r="5.5" /><circle cx="14.5" cy="14.5" r="5.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chart-circles</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chart-donut-2" title="chart-donut-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chart-donut-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3v5m4 4h5"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chart-donut-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3v5m4 4h5" /><circle cx="12" cy="12" r="4" /><circle cx="12" cy="12" r="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chart-donut-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chart-donut-3" title="chart-donut-3" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chart-donut-3 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3v5m4 4h5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8.929 14.582l-3.429 2.918"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chart-donut-3 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3v5m4 4h5" /><path d="M8.929 14.582l-3.429 2.918" /><circle cx="12" cy="12" r="4" /><circle cx="12" cy="12" r="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chart-donut-3</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chart-donut-4" title="chart-donut-4" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chart-donut-4 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8.848 14.667l-3.348 2.833"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3v5m4 4h5"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14.219 15.328l2.781 4.172"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chart-donut-4 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8.848 14.667l-3.348 2.833" /><path d="M12 3v5m4 4h5" /><circle cx="12" cy="12" r="9" /><path d="M14.219 15.328l2.781 4.172" /><circle cx="12" cy="12" r="4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chart-donut-4</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chart-donut" title="chart-donut" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chart-donut --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 3.2a9 9 0 1 0 10.8 10.8a1 1 0 0 0 -1 -1h-3.8a4.1 4.1 0 1 1 -5 -5v-4a0.9 .9 0 0 0 -1 -.8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 3.5a9 9 0 0 1 5.5 5.5h-4.5a9 9 0 0 0 -1 -1v-4.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chart-donut -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 3.2a9 9 0 1 0 10.8 10.8a1 1 0 0 0 -1 -1h-3.8a4.1 4.1 0 1 1 -5 -5v-4a0.9 .9 0 0 0 -1 -.8" /><path d="M15 3.5a9 9 0 0 1 5.5 5.5h-4.5a9 9 0 0 0 -1 -1v-4.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chart-donut</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chart-dots" title="chart-dots" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chart-dots --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 3v18h18"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"9"</span> <span class="na">cy=</span><span class="s">"9"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"19"</span> <span class="na">cy=</span><span class="s">"7"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"14"</span> <span class="na">cy=</span><span class="s">"15"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10.16"</span> <span class="na">y1=</span><span class="s">"10.62"</span> <span class="na">x2=</span><span class="s">"12.5"</span> <span class="na">y2=</span><span class="s">"13.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15.088 13.328l2.837 -4.586"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chart-dots -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 3v18h18" /><circle cx="9" cy="9" r="2" /><circle cx="19" cy="7" r="2" /><circle cx="14" cy="15" r="2" /><line x1="10.16" y1="10.62" x2="12.5" y2="13.5" /><path d="M15.088 13.328l2.837 -4.586" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chart-dots</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chart-infographic" title="chart-infographic" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chart-infographic --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"7"</span> <span class="na">cy=</span><span class="s">"7"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 3v4h4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"21"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chart-infographic -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="7" r="4" /><path d="M7 3v4h4" /><line x1="9" y1="17" x2="9" y2="21" /><line x1="17" y1="14" x2="17" y2="21" /><line x1="13" y1="13" x2="13" y2="21" /><line x1="21" y1="12" x2="21" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chart-infographic</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chart-line" title="chart-line" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chart-line --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"4 15 8 9 12 11 16 6 20 10"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chart-line -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="19" x2="20" y2="19" /><polyline points="4 15 8 9 12 11 16 6 20 10" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chart-line</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chart-pie-2" title="chart-pie-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chart-pie-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3v9h9"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chart-pie-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3v9h9" /><circle cx="12" cy="12" r="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chart-pie-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chart-pie-3" title="chart-pie-3" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chart-pie-3 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12l-6.5 5.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3v9h9"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chart-pie-3 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12l-6.5 5.5" /><path d="M12 3v9h9" /><circle cx="12" cy="12" r="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chart-pie-3</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chart-pie-4" title="chart-pie-4" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chart-pie-4 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12l-6.5 5.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3v9h9"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12l5 7.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chart-pie-4 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12l-6.5 5.5" /><path d="M12 3v9h9" /><circle cx="12" cy="12" r="9" /><path d="M12 12l5 7.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chart-pie-4</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chart-pie" title="chart-pie" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chart-pie --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 3.2a9 9 0 1 0 10.8 10.8a1 1 0 0 0 -1 -1h-6.8a2 2 0 0 1 -2 -2v-7a0.9 .9 0 0 0 -1 -.8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 3.5a9 9 0 0 1 5.5 5.5h-4.5a1 1 0 0 1 -1 -1v-4.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chart-pie -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 3.2a9 9 0 1 0 10.8 10.8a1 1 0 0 0 -1 -1h-6.8a2 2 0 0 1 -2 -2v-7a0.9 .9 0 0 0 -1 -.8" /><path d="M15 3.5a9 9 0 0 1 5.5 5.5h-4.5a1 1 0 0 1 -1 -1v-4.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chart-pie</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chart-radar" title="chart-radar" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chart-radar --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3l9.5 7l-3.5 11h-12l-3.5 -11z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7.5l5.5 4l-2.5 5.5h-6.5l-2 -5.5z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M2.5 10l9.5 3l9.5 -3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3v10l6 8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 21l6 -8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chart-radar -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3l9.5 7l-3.5 11h-12l-3.5 -11z" /><path d="M12 7.5l5.5 4l-2.5 5.5h-6.5l-2 -5.5z" /><path d="M2.5 10l9.5 3l9.5 -3" /><path d="M12 3v10l6 8" /><path d="M6 21l6 -8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chart-radar</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="check" title="check" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/check --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 12l5 5l10 -10"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/check -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
|
|
<div class="mt-1 text-muted text-h5">check</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="checkbox" title="checkbox" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/checkbox --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"9 11 12 14 20 6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 11 12 14 20 6" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">checkbox</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="checks" title="checks" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/checks --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 12l5 5l10 -10"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M2 12l5 5m5 -5l5 -5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/checks -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 12l5 5l10 -10" /><path d="M2 12l5 5m5 -5l5 -5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">checks</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chevron-down-left" title="chevron-down-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chevron-down-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 8v8h8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chevron-down-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 8v8h8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chevron-down-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chevron-down-right" title="chevron-down-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chevron-down-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 8v8h-8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chevron-down-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 8v8h-8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chevron-down-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chevron-down" title="chevron-down" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chevron-down --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"6 9 12 15 18 9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chevron-down -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="6 9 12 15 18 9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chevron-down</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chevron-left" title="chevron-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chevron-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"15 6 9 12 15 18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chevron-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 6 9 12 15 18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chevron-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chevron-right" title="chevron-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chevron-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"9 6 15 12 9 18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chevron-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 6 15 12 9 18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chevron-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chevron-up-left" title="chevron-up-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chevron-up-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 16v-8h8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chevron-up-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 16v-8h8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chevron-up-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chevron-up-right" title="chevron-up-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chevron-up-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 8h8v8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chevron-up-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 8h8v8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chevron-up-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chevron-up" title="chevron-up" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chevron-up --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"6 15 12 9 18 15"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chevron-up -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="6 15 12 9 18 15" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chevron-up</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chevrons-down-left" title="chevrons-down-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chevrons-down-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 5v8h8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 9v8h8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chevrons-down-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 5v8h8" /><path d="M7 9v8h8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chevrons-down-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chevrons-down-right" title="chevrons-down-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chevrons-down-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 5v8h-8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 9v8h-8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chevrons-down-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 5v8h-8" /><path d="M17 9v8h-8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chevrons-down-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chevrons-down" title="chevrons-down" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chevrons-down --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"7 7 12 12 17 7"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"7 13 12 18 17 13"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chevrons-down -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 7 12 12 17 7" /><polyline points="7 13 12 18 17 13" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chevrons-down</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chevrons-left" title="chevrons-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chevrons-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"11 7 6 12 11 17"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"17 7 12 12 17 17"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chevrons-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="11 7 6 12 11 17" /><polyline points="17 7 12 12 17 17" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chevrons-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chevrons-right" title="chevrons-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chevrons-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"7 7 12 12 7 17"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"13 7 18 12 13 17"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chevrons-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 7 12 12 7 17" /><polyline points="13 7 18 12 13 17" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chevrons-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chevrons-up-left" title="chevrons-up-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chevrons-up-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 15v-8h8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 19v-8h8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chevrons-up-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 15v-8h8" /><path d="M11 19v-8h8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chevrons-up-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chevrons-up-right" title="chevrons-up-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chevrons-up-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 7h8v8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 11h8v8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chevrons-up-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h8v8" /><path d="M5 11h8v8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chevrons-up-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="chevrons-up" title="chevrons-up" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/chevrons-up --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"7 11 12 6 17 11"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"7 17 12 12 17 17"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/chevrons-up -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 11 12 6 17 11" /><polyline points="7 17 12 12 17 17" /></svg>
|
|
<div class="mt-1 text-muted text-h5">chevrons-up</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="christmas-tree" title="christmas-tree" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/christmas-tree --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3l4 4l-2 1l4 4l-3 1l4 4h-14l4 -4l-3 -1l4 -4l-2 -1z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 17v3a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/christmas-tree -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3l4 4l-2 1l4 4l-3 1l4 4h-14l4 -4l-3 -1l4 -4l-2 -1z" /><path d="M14 17v3a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">christmas-tree</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="circle-0" title="circle-0" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/circle-0 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 8a2 2 0 0 1 2 2v4a2 2 0 1 1 -4 0v-4a2 2 0 0 1 2 -2z"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/circle-0 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 8a2 2 0 0 1 2 2v4a2 2 0 1 1 -4 0v-4a2 2 0 0 1 2 -2z" /><circle cx="12" cy="12" r="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">circle-0</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="circle-1" title="circle-1" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/circle-1 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 16v-8l-2 2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/circle-1 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 16v-8l-2 2" /><circle cx="12" cy="12" r="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">circle-1</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="circle-2" title="circle-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/circle-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 10a2 2 0 1 1 4 0c0 .591 -.417 1.318 -.816 1.858l-3.184 4.143l4 -.001"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/circle-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 10a2 2 0 1 1 4 0c0 .591 -.417 1.318 -.816 1.858l-3.184 4.143l4 -.001" /><circle cx="12" cy="12" r="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">circle-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="circle-3" title="circle-3" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/circle-3 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12a2 2 0 1 0 -2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 14a2 2 0 1 0 2 -2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/circle-3 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12a2 2 0 1 0 -2 -2" /><path d="M10 14a2 2 0 1 0 2 -2" /><circle cx="12" cy="12" r="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">circle-3</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="circle-4" title="circle-4" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/circle-4 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 16v-8l-4 6h5"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/circle-4 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 16v-8l-4 6h5" /><circle cx="12" cy="12" r="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">circle-4</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="circle-5" title="circle-5" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/circle-5 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 16h2a2 2 0 1 0 0 -4h-2v-4h4"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/circle-5 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 16h2a2 2 0 1 0 0 -4h-2v-4h4" /><circle cx="12" cy="12" r="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">circle-5</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="circle-6" title="circle-6" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/circle-6 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"14"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 10a2 2 0 1 0 -4 0v4"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/circle-6 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="14" r="2" /><path d="M14 10a2 2 0 1 0 -4 0v4" /><circle cx="12" cy="12" r="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">circle-6</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="circle-7" title="circle-7" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/circle-7 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 8h4l-2 8"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/circle-7 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 8h4l-2 8" /><circle cx="12" cy="12" r="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">circle-7</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="circle-8" title="circle-8" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/circle-8 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"10"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"14"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/circle-8 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="10" r="2" /><circle cx="12" cy="14" r="2" /><circle cx="12" cy="12" r="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">circle-8</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="circle-9" title="circle-9" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/circle-9 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"10"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 14a2 2 0 1 0 4 0v-4"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/circle-9 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="10" r="2" /><path d="M10 14a2 2 0 1 0 4 0v-4" /><circle cx="12" cy="12" r="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">circle-9</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="circle-check" title="circle-check" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/circle-check --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 12l2 2l4 -4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/circle-check -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M9 12l2 2l4 -4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">circle-check</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="circle-dashed" title="circle-dashed" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/circle-dashed --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8.56 3.69a9 9 0 0 0 -2.92 1.95"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3.69 8.56a9 9 0 0 0 -.69 3.44"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3.69 15.44a9 9 0 0 0 1.95 2.92"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8.56 20.31a9 9 0 0 0 3.44 .69"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15.44 20.31a9 9 0 0 0 2.92 -1.95"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20.31 15.44a9 9 0 0 0 .69 -3.44"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20.31 8.56a9 9 0 0 0 -1.95 -2.92"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15.44 3.69a9 9 0 0 0 -3.44 -.69"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/circle-dashed -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8.56 3.69a9 9 0 0 0 -2.92 1.95" /><path d="M3.69 8.56a9 9 0 0 0 -.69 3.44" /><path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" /><path d="M8.56 20.31a9 9 0 0 0 3.44 .69" /><path d="M15.44 20.31a9 9 0 0 0 2.92 -1.95" /><path d="M20.31 15.44a9 9 0 0 0 .69 -3.44" /><path d="M20.31 8.56a9 9 0 0 0 -1.95 -2.92" /><path d="M15.44 3.69a9 9 0 0 0 -3.44 -.69" /></svg>
|
|
<div class="mt-1 text-muted text-h5">circle-dashed</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="circle-dotted" title="circle-dotted" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/circle-dotted --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7.5"</span> <span class="na">y1=</span><span class="s">"4.21"</span> <span class="na">x2=</span><span class="s">"7.5"</span> <span class="na">y2=</span><span class="s">"4.22"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4.21"</span> <span class="na">y1=</span><span class="s">"7.5"</span> <span class="na">x2=</span><span class="s">"4.21"</span> <span class="na">y2=</span><span class="s">"7.51"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"3"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4.21"</span> <span class="na">y1=</span><span class="s">"16.5"</span> <span class="na">x2=</span><span class="s">"4.21"</span> <span class="na">y2=</span><span class="s">"16.51"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7.5"</span> <span class="na">y1=</span><span class="s">"19.79"</span> <span class="na">x2=</span><span class="s">"7.5"</span> <span class="na">y2=</span><span class="s">"19.8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16.5"</span> <span class="na">y1=</span><span class="s">"19.79"</span> <span class="na">x2=</span><span class="s">"16.5"</span> <span class="na">y2=</span><span class="s">"19.8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19.79"</span> <span class="na">y1=</span><span class="s">"16.5"</span> <span class="na">x2=</span><span class="s">"19.79"</span> <span class="na">y2=</span><span class="s">"16.51"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"21"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19.79"</span> <span class="na">y1=</span><span class="s">"7.5"</span> <span class="na">x2=</span><span class="s">"19.79"</span> <span class="na">y2=</span><span class="s">"7.51"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16.5"</span> <span class="na">y1=</span><span class="s">"4.21"</span> <span class="na">x2=</span><span class="s">"16.5"</span> <span class="na">y2=</span><span class="s">"4.22"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"3.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/circle-dotted -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7.5" y1="4.21" x2="7.5" y2="4.22" /><line x1="4.21" y1="7.5" x2="4.21" y2="7.51" /><line x1="3" y1="12" x2="3" y2="12.01" /><line x1="4.21" y1="16.5" x2="4.21" y2="16.51" /><line x1="7.5" y1="19.79" x2="7.5" y2="19.8" /><line x1="12" y1="21" x2="12" y2="21.01" /><line x1="16.5" y1="19.79" x2="16.5" y2="19.8" /><line x1="19.79" y1="16.5" x2="19.79" y2="16.51" /><line x1="21" y1="12" x2="21" y2="12.01" /><line x1="19.79" y1="7.5" x2="19.79" y2="7.51" /><line x1="16.5" y1="4.21" x2="16.5" y2="4.22" /><line x1="12" y1="3" x2="12" y2="3.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">circle-dotted</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="circle-half-vertical" title="circle-half-vertical" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/circle-half-vertical --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 12h18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/circle-half-vertical -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M3 12h18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">circle-half-vertical</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="circle-half" title="circle-half" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/circle-half --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3v18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/circle-half -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M12 3v18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">circle-half</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="circle-minus" title="circle-minus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/circle-minus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/circle-minus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="12" x2="15" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">circle-minus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="circle-off" title="circle-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/circle-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20.042 16.045a9 9 0 0 0 -12.087 -12.087m-2.318 1.677a9 9 0 1 0 12.725 12.73"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 3l18 18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/circle-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20.042 16.045a9 9 0 0 0 -12.087 -12.087m-2.318 1.677a9 9 0 1 0 12.725 12.73" /><path d="M3 3l18 18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">circle-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="circle-plus" title="circle-plus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/circle-plus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/circle-plus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="12" x2="15" y2="12" /><line x1="12" y1="9" x2="12" y2="15" /></svg>
|
|
<div class="mt-1 text-muted text-h5">circle-plus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="circle-square" title="circle-square" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/circle-square --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"9.5"</span> <span class="na">cy=</span><span class="s">"9.5"</span> <span class="na">r=</span><span class="s">"6.5"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"10"</span> <span class="na">y=</span><span class="s">"10"</span> <span class="na">width=</span><span class="s">"11"</span> <span class="na">height=</span><span class="s">"11"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/circle-square -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9.5" cy="9.5" r="6.5" /><rect x="10" y="10" width="11" height="11" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">circle-square</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="circle-x" title="circle-x" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/circle-x --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 10l4 4m0 -4l-4 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/circle-x -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M10 10l4 4m0 -4l-4 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">circle-x</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="circle" title="circle" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/circle --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/circle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">circle</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="circles" title="circles" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/circles --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"7"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6.5"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17.5"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/circles -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="7" r="4" /><circle cx="6.5" cy="17" r="4" /><circle cx="17.5" cy="17" r="4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">circles</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="clear-all" title="clear-all" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/clear-all --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 6h12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 12h12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 18h12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/clear-all -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 6h12" /><path d="M6 12h12" /><path d="M4 18h12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">clear-all</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="clear-formatting" title="clear-formatting" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/clear-formatting --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 15l4 4m0 -4l-4 4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 6v-1h11v1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"11"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/clear-formatting -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 15l4 4m0 -4l-4 4" /><path d="M7 6v-1h11v1" /><line x1="7" y1="19" x2="11" y2="19" /><line x1="13" y1="5" x2="9" y2="19" /></svg>
|
|
<div class="mt-1 text-muted text-h5">clear-formatting</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="click" title="click" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/click --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7.8"</span> <span class="na">y1=</span><span class="s">"7.8"</span> <span class="na">x2=</span><span class="s">"5.6"</span> <span class="na">y2=</span><span class="s">"5.6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16.2"</span> <span class="na">y1=</span><span class="s">"7.8"</span> <span class="na">x2=</span><span class="s">"18.4"</span> <span class="na">y2=</span><span class="s">"5.6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7.8"</span> <span class="na">y1=</span><span class="s">"16.2"</span> <span class="na">x2=</span><span class="s">"5.6"</span> <span class="na">y2=</span><span class="s">"18.4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12l9 3l-4 2l-2 4l-3 -9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/click -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="12" x2="6" y2="12" /><line x1="12" y1="3" x2="12" y2="6" /><line x1="7.8" y1="7.8" x2="5.6" y2="5.6" /><line x1="16.2" y1="7.8" x2="18.4" y2="5.6" /><line x1="7.8" y1="16.2" x2="5.6" y2="18.4" /><path d="M12 12l9 3l-4 2l-2 4l-3 -9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">click</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="clipboard-check" title="clipboard-check" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/clipboard-check --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"9"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 14l2 2l4 -4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/clipboard-check -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2" /><rect x="9" y="3" width="6" height="4" rx="2" /><path d="M9 14l2 2l4 -4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">clipboard-check</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="clipboard-list" title="clipboard-list" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/clipboard-list --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"9"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"9.01"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"9.01"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/clipboard-list -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2" /><rect x="9" y="3" width="6" height="4" rx="2" /><line x1="9" y1="12" x2="9.01" y2="12" /><line x1="13" y1="12" x2="15" y2="12" /><line x1="9" y1="16" x2="9.01" y2="16" /><line x1="13" y1="16" x2="15" y2="16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">clipboard-list</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="clipboard-x" title="clipboard-x" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/clipboard-x --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"9"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 12l4 4m0 -4l-4 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/clipboard-x -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2" /><rect x="9" y="3" width="6" height="4" rx="2" /><path d="M10 12l4 4m0 -4l-4 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">clipboard-x</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="clipboard" title="clipboard" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/clipboard --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"9"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/clipboard -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2" /><rect x="9" y="3" width="6" height="4" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">clipboard</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="clock" title="clock" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/clock --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"12 7 12 12 15 15"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/clock -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><polyline points="12 7 12 12 15 15" /></svg>
|
|
<div class="mt-1 text-muted text-h5">clock</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="cloud-download" title="cloud-download" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/cloud-download --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 18a3.5 3.5 0 0 0 0 -7h-1a5 4.5 0 0 0 -11 -2a4.6 4.4 0 0 0 -2.1 8.4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"22"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"9 19 12 22 15 19"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/cloud-download -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 18a3.5 3.5 0 0 0 0 -7h-1a5 4.5 0 0 0 -11 -2a4.6 4.4 0 0 0 -2.1 8.4" /><line x1="12" y1="13" x2="12" y2="22" /><polyline points="9 19 12 22 15 19" /></svg>
|
|
<div class="mt-1 text-muted text-h5">cloud-download</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="cloud-fog" title="cloud-fog" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/cloud-fog --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 16a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/cloud-fog -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 16a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-12" /><line x1="5" y1="20" x2="19" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">cloud-fog</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="cloud-off" title="cloud-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/cloud-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 18h-11c-2.598 0 -4.705 -2.015 -4.705 -4.5s2.107 -4.5 4.705 -4.5c.112 -.5 .305 -.973 .568 -1.408m2.094 -1.948c.329 -.174 .68 -.319 1.05 -.43c1.9 -.576 3.997 -.194 5.5 1c1.503 1.192 2.185 3.017 1.788 4.786h1a3.5 3.5 0 0 1 2.212 6.212"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/cloud-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M18 18h-11c-2.598 0 -4.705 -2.015 -4.705 -4.5s2.107 -4.5 4.705 -4.5c.112 -.5 .305 -.973 .568 -1.408m2.094 -1.948c.329 -.174 .68 -.319 1.05 -.43c1.9 -.576 3.997 -.194 5.5 1c1.503 1.192 2.185 3.017 1.788 4.786h1a3.5 3.5 0 0 1 2.212 6.212" /></svg>
|
|
<div class="mt-1 text-muted text-h5">cloud-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="cloud-rain" title="cloud-rain" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/cloud-rain --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 13v2m0 3v2m4 -5v2m0 3v2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/cloud-rain -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7" /><path d="M11 13v2m0 3v2m4 -5v2m0 3v2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">cloud-rain</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="cloud-snow" title="cloud-snow" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/cloud-snow --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 15v.01m0 3v.01m0 3v.01m4 -4v.01m0 3v.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/cloud-snow -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7" /><path d="M11 15v.01m0 3v.01m0 3v.01m4 -4v.01m0 3v.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">cloud-snow</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="cloud-storm" title="cloud-storm" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/cloud-storm --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-1"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"13 14 11 18 14 18 12 22"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/cloud-storm -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-1" /><polyline points="13 14 11 18 14 18 12 22" /></svg>
|
|
<div class="mt-1 text-muted text-h5">cloud-storm</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="cloud-upload" title="cloud-upload" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/cloud-upload --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-1"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"9 15 12 12 15 15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/cloud-upload -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-1" /><polyline points="9 15 12 12 15 15" /><line x1="12" y1="12" x2="12" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">cloud-upload</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="cloud" title="cloud" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/cloud --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/cloud -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">cloud</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="code-minus" title="code-minus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/code-minus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 12h6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 19a2 2 0 0 1 -2 -2v-4l-1 -1l1 -1v-4a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 19a2 2 0 0 0 2 -2v-4l1 -1l-1 -1v-4a2 2 0 0 0 -2 -2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/code-minus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 12h6" /><path d="M6 19a2 2 0 0 1 -2 -2v-4l-1 -1l1 -1v-4a2 2 0 0 1 2 -2" /><path d="M18 19a2 2 0 0 0 2 -2v-4l1 -1l-1 -1v-4a2 2 0 0 0 -2 -2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">code-minus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="code-plus" title="code-plus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/code-plus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 12h6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 9v6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 19a2 2 0 0 1 -2 -2v-4l-1 -1l1 -1v-4a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 19a2 2 0 0 0 2 -2v-4l1 -1l-1 -1v-4a2 2 0 0 0 -2 -2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/code-plus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 12h6" /><path d="M12 9v6" /><path d="M6 19a2 2 0 0 1 -2 -2v-4l-1 -1l1 -1v-4a2 2 0 0 1 2 -2" /><path d="M18 19a2 2 0 0 0 2 -2v-4l1 -1l-1 -1v-4a2 2 0 0 0 -2 -2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">code-plus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="code" title="code" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/code --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"7 8 3 12 7 16"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"17 8 21 12 17 16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/code -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="7 8 3 12 7 16" /><polyline points="17 8 21 12 17 16" /><line x1="14" y1="4" x2="10" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">code</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="coin" title="coin" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/coin --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14.8 9a2 2 0 0 0 -1.8 -1h-2a2 2 0 0 0 0 4h2a2 2 0 0 1 0 4h-2a2 2 0 0 1 -1.8 -1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 6v2m0 8v2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/coin -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M14.8 9a2 2 0 0 0 -1.8 -1h-2a2 2 0 0 0 0 4h2a2 2 0 0 1 0 4h-2a2 2 0 0 1 -1.8 -1" /><path d="M12 6v2m0 8v2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">coin</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="color-picker" title="color-picker" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/color-picker --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 7l6 6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 16l11.7 -11.7a1 1 0 0 1 1.4 0l2.6 2.6a1 1 0 0 1 0 1.4l-11.7 11.7h-4v-4z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/color-picker -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7l6 6" /><path d="M4 16l11.7 -11.7a1 1 0 0 1 1.4 0l2.6 2.6a1 1 0 0 1 0 1.4l-11.7 11.7h-4v-4z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">color-picker</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="color-swatch" title="color-swatch" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/color-swatch --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 3h-4a2 2 0 0 0 -2 2v12a4 4 0 0 0 8 0v-12a2 2 0 0 0 -2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 7.35l-2 -2a2 2 0 0 0 -2.828 0l-2.828 2.828a2 2 0 0 0 0 2.828l9 9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7.3 13h-2.3a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"17.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/color-swatch -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 3h-4a2 2 0 0 0 -2 2v12a4 4 0 0 0 8 0v-12a2 2 0 0 0 -2 -2" /><path d="M13 7.35l-2 -2a2 2 0 0 0 -2.828 0l-2.828 2.828a2 2 0 0 0 0 2.828l9 9" /><path d="M7.3 13h-2.3a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h12" /><line x1="17" y1="17" x2="17" y2="17.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">color-swatch</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="column-insert-left" title="column-insert-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/column-insert-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 4h4a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/column-insert-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 4h4a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1z" /><line x1="5" y1="12" x2="9" y2="12" /><line x1="7" y1="10" x2="7" y2="14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">column-insert-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="column-insert-right" title="column-insert-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/column-insert-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 4h4a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/column-insert-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 4h4a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1z" /><line x1="15" y1="12" x2="19" y2="12" /><line x1="17" y1="10" x2="17" y2="14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">column-insert-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="columns" title="columns" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/columns --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"9.5"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"9.5"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"9.5"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"9.5"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14.5"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14.5"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14.5"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14.5"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/columns -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="9.5" y2="6" /><line x1="4" y1="10" x2="9.5" y2="10" /><line x1="4" y1="14" x2="9.5" y2="14" /><line x1="4" y1="18" x2="9.5" y2="18" /><line x1="14.5" y1="6" x2="20" y2="6" /><line x1="14.5" y1="10" x2="20" y2="10" /><line x1="14.5" y1="14" x2="20" y2="14" /><line x1="14.5" y1="18" x2="20" y2="18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">columns</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="comet" title="comet" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/comet --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15.5 18.5l-3 1.5l.5 -3.5l-2 -2l3 -.5l1.5 -3l1.5 3l3 .5l-2 2l.5 3.5z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"11"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"12.5"</span> <span class="na">y2=</span><span class="s">"7.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"7.5"</span> <span class="na">y2=</span><span class="s">"12.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/comet -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15.5 18.5l-3 1.5l.5 -3.5l-2 -2l3 -.5l1.5 -3l1.5 3l3 .5l-2 2l.5 3.5z" /><line x1="4" y1="4" x2="11" y2="11" /><line x1="9" y1="4" x2="12.5" y2="7.5" /><line x1="4" y1="9" x2="7.5" y2="12.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">comet</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="command" title="command" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/command --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 9a2 2 0 1 1 2 -2v10a2 2 0 1 1 -2 -2h10a2 2 0 1 1 -2 2v-10a2 2 0 1 1 2 2h-10"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/command -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 9a2 2 0 1 1 2 -2v10a2 2 0 1 1 -2 -2h10a2 2 0 1 1 -2 2v-10a2 2 0 1 1 2 2h-10" /></svg>
|
|
<div class="mt-1 text-muted text-h5">command</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="compass" title="compass" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/compass --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"8 16 10 10 16 8 14 14 8 16"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"5"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/compass -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="8 16 10 10 16 8 14 14 8 16" /><circle cx="12" cy="12" r="9" /><line x1="12" y1="3" x2="12" y2="5" /><line x1="12" y1="19" x2="12" y2="21" /><line x1="3" y1="12" x2="5" y2="12" /><line x1="19" y1="12" x2="21" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">compass</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="confetti" title="confetti" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/confetti --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 5h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 4v2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11.5 4l-.5 2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 5h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 4v2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 9l-1 1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 13l2 -.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 19h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 18v2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 16.518l-6.518 -6.518l-4.39 9.58a1.003 1.003 0 0 0 1.329 1.329l9.579 -4.39z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/confetti -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 5h2" /><path d="M5 4v2" /><path d="M11.5 4l-.5 2" /><path d="M18 5h2" /><path d="M19 4v2" /><path d="M15 9l-1 1" /><path d="M18 13l2 -.5" /><path d="M18 19h2" /><path d="M19 18v2" /><path d="M14 16.518l-6.518 -6.518l-4.39 9.58a1.003 1.003 0 0 0 1.329 1.329l9.579 -4.39z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">confetti</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="container" title="container" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/container --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 4v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 20v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 16v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 12v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 8v.01"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"8"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"8"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 4v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 20v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 16v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 12v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 8v.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/container -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 4v.01" /><path d="M20 20v.01" /><path d="M20 16v.01" /><path d="M20 12v.01" /><path d="M20 8v.01" /><rect x="8" y="4" width="8" height="16" rx="1" /><path d="M4 4v.01" /><path d="M4 20v.01" /><path d="M4 16v.01" /><path d="M4 12v.01" /><path d="M4 8v.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">container</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="contrast" title="contrast" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/contrast --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 17a5 5 0 0 0 0 -10v10"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/contrast -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M12 17a5 5 0 0 0 0 -10v10" /></svg>
|
|
<div class="mt-1 text-muted text-h5">contrast</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="copy" title="copy" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/copy --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"8"</span> <span class="na">y=</span><span class="s">"8"</span> <span class="na">width=</span><span class="s">"12"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/copy -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="8" y="8" width="12" height="12" rx="2" /><path d="M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">copy</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="copyleft" title="copyleft" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/copyleft --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.5 9a3.5 4 0 1 1 0 6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/copyleft -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M9.5 9a3.5 4 0 1 1 0 6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">copyleft</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="copyright" title="copyright" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/copyright --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14.5 9a3.5 4 0 1 0 0 6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/copyright -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M14.5 9a3.5 4 0 1 0 0 6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">copyright</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="corner-down-left-double" title="corner-down-left-double" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/corner-down-left-double --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 5v6a3 3 0 0 1 -3 3h-7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 10l-4 4l4 4m-5 -8l-4 4l4 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/corner-down-left-double -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 5v6a3 3 0 0 1 -3 3h-7" /><path d="M13 10l-4 4l4 4m-5 -8l-4 4l4 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">corner-down-left-double</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="corner-down-left" title="corner-down-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/corner-down-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 6v6a3 3 0 0 1 -3 3h-10l4 -4m0 8l-4 -4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/corner-down-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 6v6a3 3 0 0 1 -3 3h-10l4 -4m0 8l-4 -4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">corner-down-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="corner-down-right-double" title="corner-down-right-double" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/corner-down-right-double --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 5v6a3 3 0 0 0 3 3h7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 10l4 4l-4 4m5 -8l4 4l-4 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/corner-down-right-double -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 5v6a3 3 0 0 0 3 3h7" /><path d="M10 10l4 4l-4 4m5 -8l4 4l-4 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">corner-down-right-double</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="corner-down-right" title="corner-down-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/corner-down-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 6v6a3 3 0 0 0 3 3h10l-4 -4m0 8l4 -4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/corner-down-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 6v6a3 3 0 0 0 3 3h10l-4 -4m0 8l4 -4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">corner-down-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="corner-left-down-double" title="corner-left-down-double" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/corner-left-down-double --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 4h-6a3 3 0 0 0 -3 3v7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 10l-4 4l-4 -4m8 5l-4 4l-4 -4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/corner-left-down-double -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 4h-6a3 3 0 0 0 -3 3v7" /><path d="M13 10l-4 4l-4 -4m8 5l-4 4l-4 -4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">corner-left-down-double</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="corner-left-down" title="corner-left-down" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/corner-left-down --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 6h-6a3 3 0 0 0 -3 3v10l-4 -4m8 0l-4 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/corner-left-down -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 6h-6a3 3 0 0 0 -3 3v10l-4 -4m8 0l-4 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">corner-left-down</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="corner-left-up-double" title="corner-left-up-double" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/corner-left-up-double --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 19h-6a3 3 0 0 1 -3 -3v-7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 13l-4 -4l-4 4m8 -5l-4 -4l-4 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/corner-left-up-double -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 19h-6a3 3 0 0 1 -3 -3v-7" /><path d="M13 13l-4 -4l-4 4m8 -5l-4 -4l-4 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">corner-left-up-double</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="corner-left-up" title="corner-left-up" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/corner-left-up --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 18h-6a3 3 0 0 1 -3 -3v-10l-4 4m8 0l-4 -4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/corner-left-up -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 18h-6a3 3 0 0 1 -3 -3v-10l-4 4m8 0l-4 -4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">corner-left-up</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="corner-right-down-double" title="corner-right-down-double" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/corner-right-down-double --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 4h6a3 3 0 0 1 3 3v7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 10l4 4l4 -4m-8 5l4 4l4 -4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/corner-right-down-double -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h6a3 3 0 0 1 3 3v7" /><path d="M10 10l4 4l4 -4m-8 5l4 4l4 -4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">corner-right-down-double</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="corner-right-down" title="corner-right-down" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/corner-right-down --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 6h6a3 3 0 0 1 3 3v10l-4 -4m8 0l-4 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/corner-right-down -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 6h6a3 3 0 0 1 3 3v10l-4 -4m8 0l-4 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">corner-right-down</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="corner-right-up-double" title="corner-right-up-double" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/corner-right-up-double --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 19h6a3 3 0 0 0 3 -3v-7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 13l4 -4l4 4m-8 -5l4 -4l4 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/corner-right-up-double -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 19h6a3 3 0 0 0 3 -3v-7" /><path d="M10 13l4 -4l4 4m-8 -5l4 -4l4 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">corner-right-up-double</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="corner-right-up" title="corner-right-up" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/corner-right-up --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 18h6a3 3 0 0 0 3 -3v-10l-4 4m8 0l-4 -4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/corner-right-up -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 18h6a3 3 0 0 0 3 -3v-10l-4 4m8 0l-4 -4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">corner-right-up</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="corner-up-left-double" title="corner-up-left-double" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/corner-up-left-double --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 18v-6a3 3 0 0 0 -3 -3h-7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 13l-4 -4l4 -4m-5 8l-4 -4l4 -4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/corner-up-left-double -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 18v-6a3 3 0 0 0 -3 -3h-7" /><path d="M13 13l-4 -4l4 -4m-5 8l-4 -4l4 -4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">corner-up-left-double</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="corner-up-left" title="corner-up-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/corner-up-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 18v-6a3 3 0 0 0 -3 -3h-10l4 -4m0 8l-4 -4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/corner-up-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 18v-6a3 3 0 0 0 -3 -3h-10l4 -4m0 8l-4 -4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">corner-up-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="corner-up-right-double" title="corner-up-right-double" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/corner-up-right-double --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 18v-6a3 3 0 0 1 3 -3h7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 13l4 -4l-4 -4m5 8l4 -4l-4 -4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/corner-up-right-double -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 18v-6a3 3 0 0 1 3 -3h7" /><path d="M10 13l4 -4l-4 -4m5 8l4 -4l-4 -4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">corner-up-right-double</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="corner-up-right" title="corner-up-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/corner-up-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 18v-6a3 3 0 0 1 3 -3h10l-4 -4m0 8l4 -4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/corner-up-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 18v-6a3 3 0 0 1 3 -3h10l-4 -4m0 8l4 -4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">corner-up-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="credit-card-off" title="credit-card-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/credit-card-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 5h9a3 3 0 0 1 3 3v8a3 3 0 0 1 -.128 .87"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18.87 18.872a3 3 0 0 1 -.87 .128h-12a3 3 0 0 1 -3 -3v-8c0 -1.352 .894 -2.495 2.124 -2.87"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"11"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"7.01"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"11"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/credit-card-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M9 5h9a3 3 0 0 1 3 3v8a3 3 0 0 1 -.128 .87" /><path d="M18.87 18.872a3 3 0 0 1 -.87 .128h-12a3 3 0 0 1 -3 -3v-8c0 -1.352 .894 -2.495 2.124 -2.87" /><line x1="3" y1="11" x2="11" y2="11" /><line x1="15" y1="11" x2="21" y2="11" /><line x1="7" y1="15" x2="7.01" y2="15" /><line x1="11" y1="15" x2="13" y2="15" /></svg>
|
|
<div class="mt-1 text-muted text-h5">credit-card-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="credit-card" title="credit-card" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/credit-card --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"7.01"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"11"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/credit-card -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="3" /><line x1="3" y1="10" x2="21" y2="10" /><line x1="7" y1="15" x2="7.01" y2="15" /><line x1="11" y1="15" x2="13" y2="15" /></svg>
|
|
<div class="mt-1 text-muted text-h5">credit-card</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="crop" title="crop" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/crop --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 5v10a1 1 0 0 0 1 1h10"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 8h10a1 1 0 0 1 1 1v10"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/crop -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 5v10a1 1 0 0 0 1 1h10" /><path d="M5 8h10a1 1 0 0 1 1 1v10" /></svg>
|
|
<div class="mt-1 text-muted text-h5">crop</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="crosshair" title="crosshair" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/crosshair --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 8v-2a2 2 0 0 1 2 -2h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 16v2a2 2 0 0 0 2 2h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 4h2a2 2 0 0 1 2 2v2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 20h2a2 2 0 0 0 2 -2v-2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/crosshair -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 8v-2a2 2 0 0 1 2 -2h2" /><path d="M4 16v2a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v2" /><path d="M16 20h2a2 2 0 0 0 2 -2v-2" /><line x1="9" y1="12" x2="15" y2="12" /><line x1="12" y1="9" x2="12" y2="15" /></svg>
|
|
<div class="mt-1 text-muted text-h5">crosshair</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="crown-off" title="crown-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/crown-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 18h-13l-1.865 -9.327a0.25 .25 0 0 1 .4 -.244l4.465 3.571l1.6 -2.4m1.596 -2.394l.804 -1.206l4 6l4.464 -3.571a0.25 .25 0 0 1 .401 .244l-1.363 6.818"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/crown-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 18h-13l-1.865 -9.327a0.25 .25 0 0 1 .4 -.244l4.465 3.571l1.6 -2.4m1.596 -2.394l.804 -1.206l4 6l4.464 -3.571a0.25 .25 0 0 1 .401 .244l-1.363 6.818" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">crown-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="crown" title="crown" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/crown --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 6l4 6l5 -4l-2 10h-14l-2 -10l5 4z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/crown -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 6l4 6l5 -4l-2 10h-14l-2 -10l5 4z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">crown</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="curly-loop" title="curly-loop" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/curly-loop --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 8c-4 0 -7 2 -7 5a3 3 0 0 0 6 0c0 -3 -2.5 -5 -8 -5s-8 2 -8 5a3 3 0 0 0 6 0c0 -3 -3 -5 -7 -5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/curly-loop -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 8c-4 0 -7 2 -7 5a3 3 0 0 0 6 0c0 -3 -2.5 -5 -8 -5s-8 2 -8 5a3 3 0 0 0 6 0c0 -3 -3 -5 -7 -5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">curly-loop</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-bahraini" title="currency-bahraini" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-bahraini --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 10v1a4 4 0 0 0 4 4h2a2 2 0 0 0 2 -2v-3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 19.01v-.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 15.01v-.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 15h2.004a2 2 0 0 0 1.649 -3.131l-2.653 -3.869"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-bahraini -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 10v1a4 4 0 0 0 4 4h2a2 2 0 0 0 2 -2v-3" /><path d="M7 19.01v-.01" /><path d="M14 15.01v-.01" /><path d="M17 15h2.004a2 2 0 0 0 1.649 -3.131l-2.653 -3.869" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-bahraini</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-bath" title="currency-bath" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-bath --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 6h5a3 3 0 0 1 3 3v.143a2.857 2.857 0 0 1 -2.857 2.857h-5.143"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 12h5a3 3 0 0 1 3 3v.143a2.857 2.857 0 0 1 -2.857 2.857h-5.143"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 6v12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 4v2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 18v2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-bath -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 6h5a3 3 0 0 1 3 3v.143a2.857 2.857 0 0 1 -2.857 2.857h-5.143" /><path d="M8 12h5a3 3 0 0 1 3 3v.143a2.857 2.857 0 0 1 -2.857 2.857h-5.143" /><path d="M8 6v12" /><path d="M11 4v2" /><path d="M11 18v2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-bath</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-bitcoin" title="currency-bitcoin" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-bitcoin --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 6h8a3 3 0 0 1 0 6a3 3 0 0 1 0 6h-8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-bitcoin -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 6h8a3 3 0 0 1 0 6a3 3 0 0 1 0 6h-8" /><line x1="8" y1="6" x2="8" y2="18" /><line x1="8" y1="12" x2="14" y2="12" /><line x1="9" y1="3" x2="9" y2="6" /><line x1="13" y1="3" x2="13" y2="6" /><line x1="9" y1="18" x2="9" y2="21" /><line x1="13" y1="18" x2="13" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-bitcoin</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-cent" title="currency-cent" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-cent --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16.007 7.54a5.965 5.965 0 0 0 -4.008 -1.54a5.996 5.996 0 0 0 -5.992 6c0 3.314 2.682 6 5.992 6a5.965 5.965 0 0 0 4.004 -1.536"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 20v-2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 6v-2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-cent -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.007 7.54a5.965 5.965 0 0 0 -4.008 -1.54a5.996 5.996 0 0 0 -5.992 6c0 3.314 2.682 6 5.992 6a5.965 5.965 0 0 0 4.004 -1.536" /><path d="M12 20v-2" /><path d="M12 6v-2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-cent</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-dinar" title="currency-dinar" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-dinar --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 20.01v-.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 13l2.386 -.9a1 1 0 0 0 -.095 -1.902l-1.514 -.404a1 1 0 0 1 -.102 -1.9l2.325 -.894"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 14v1a3 3 0 0 0 3 3h4.161a3 3 0 0 0 2.983 -3.32l-1.144 -10.68"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 17l1 1h2.004a2 2 0 0 0 1.649 -3.131l-2.653 -3.869"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-dinar -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 20.01v-.01" /><path d="M6 13l2.386 -.9a1 1 0 0 0 -.095 -1.902l-1.514 -.404a1 1 0 0 1 -.102 -1.9l2.325 -.894" /><path d="M3 14v1a3 3 0 0 0 3 3h4.161a3 3 0 0 0 2.983 -3.32l-1.144 -10.68" /><path d="M16 17l1 1h2.004a2 2 0 0 0 1.649 -3.131l-2.653 -3.869" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-dinar</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-dirham" title="currency-dirham" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-dirham --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8.5 19h-3.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8.599 16.479a1.5 1.5 0 1 0 -1.099 2.521"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 4v9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 13h1.888a1.5 1.5 0 0 0 1.296 -2.256l-2.184 -3.744"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 13.01v-.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-dirham -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8.5 19h-3.5" /><path d="M8.599 16.479a1.5 1.5 0 1 0 -1.099 2.521" /><path d="M7 4v9" /><path d="M15 13h1.888a1.5 1.5 0 0 0 1.296 -2.256l-2.184 -3.744" /><path d="M11 13.01v-.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-dirham</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-dollar-australian" title="currency-dollar-australian" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-dollar-australian --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 18l3.279 -11.476a0.75 .75 0 0 1 1.442 0l3.279 11.476"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 6h-4a3 3 0 0 0 0 6h1a3 3 0 0 1 0 6h-4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 20v-2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 6v-2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4.5 14h5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-dollar-australian -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 18l3.279 -11.476a0.75 .75 0 0 1 1.442 0l3.279 11.476" /><path d="M21 6h-4a3 3 0 0 0 0 6h1a3 3 0 0 1 0 6h-4" /><path d="M17 20v-2" /><path d="M18 6v-2" /><path d="M4.5 14h5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-dollar-australian</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-dollar-canadian" title="currency-dollar-canadian" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-dollar-canadian --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 6h-4a3 3 0 0 0 0 6h1a3 3 0 0 1 0 6h-4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 18h-1a6 6 0 1 1 0 -12h1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 20v-2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 6v-2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-dollar-canadian -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 6h-4a3 3 0 0 0 0 6h1a3 3 0 0 1 0 6h-4" /><path d="M10 18h-1a6 6 0 1 1 0 -12h1" /><path d="M17 20v-2" /><path d="M18 6v-2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-dollar-canadian</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-dollar-singapore" title="currency-dollar-singapore" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-dollar-singapore --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 6h-4a3 3 0 0 0 0 6h1a3 3 0 0 1 0 6h-4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 6h-4a3 3 0 1 0 0 6h1a3 3 0 0 1 0 6h-4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 20v-2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 6v-2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-dollar-singapore -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 6h-4a3 3 0 0 0 0 6h1a3 3 0 0 1 0 6h-4" /><path d="M10 6h-4a3 3 0 1 0 0 6h1a3 3 0 0 1 0 6h-4" /><path d="M17 20v-2" /><path d="M18 6v-2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-dollar-singapore</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-dollar" title="currency-dollar" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-dollar --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3v3m0 12v3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-dollar -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2" /><path d="M12 3v3m0 12v3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-dollar</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-ethereum" title="currency-ethereum" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-ethereum --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 12l6 -9l6 9l-6 9z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 12l6 -3l6 3l-6 2z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-ethereum -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 12l6 -9l6 9l-6 9z" /><path d="M6 12l6 -3l6 3l-6 2z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-ethereum</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-euro" title="currency-euro" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-euro --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17.2 7a6 7 0 1 0 0 10"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 10h-8m0 4h8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-euro -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.2 7a6 7 0 1 0 0 10" /><path d="M13 10h-8m0 4h8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-euro</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-forint" title="currency-forint" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-forint --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 4h-4a3 3 0 0 0 -3 3v12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 11h-6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 4v13a2 2 0 0 0 2 2h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 9h-5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-forint -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 4h-4a3 3 0 0 0 -3 3v12" /><path d="M10 11h-6" /><path d="M16 4v13a2 2 0 0 0 2 2h2" /><path d="M19 9h-5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-forint</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-frank" title="currency-frank" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-frank --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 5h-6a2 2 0 0 0 -2 2v12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 15h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 11h7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-frank -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 5h-6a2 2 0 0 0 -2 2v12" /><path d="M7 15h4" /><path d="M9 11h7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-frank</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-krone-czech" title="currency-krone-czech" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-krone-czech --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 6v12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 12c3.5 0 6 -3 6 -6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 12c3.5 0 6 3 6 6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 6l-2 2l-2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 12h-2a3 3 0 0 0 0 6h2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-krone-czech -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 6v12" /><path d="M5 12c3.5 0 6 -3 6 -6" /><path d="M5 12c3.5 0 6 3 6 6" /><path d="M19 6l-2 2l-2 -2" /><path d="M19 12h-2a3 3 0 0 0 0 6h2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-krone-czech</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-krone-danish" title="currency-krone-danish" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-krone-danish --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 6v12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 12c3.5 0 6 -3 6 -6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 12c3.5 0 6 3 6 6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 10v8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 10a4 4 0 0 0 -4 4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 18.01v-.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-krone-danish -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 6v12" /><path d="M5 12c3.5 0 6 -3 6 -6" /><path d="M5 12c3.5 0 6 3 6 6" /><path d="M15 10v8" /><path d="M19 10a4 4 0 0 0 -4 4" /><path d="M20 18.01v-.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-krone-danish</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-krone-swedish" title="currency-krone-swedish" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-krone-swedish --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 6v12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 12c3.5 0 6 -3 6 -6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 12c3.5 0 6 3 6 6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 10v8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 10a4 4 0 0 0 -4 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-krone-swedish -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 6v12" /><path d="M5 12c3.5 0 6 -3 6 -6" /><path d="M5 12c3.5 0 6 3 6 6" /><path d="M15 10v8" /><path d="M19 10a4 4 0 0 0 -4 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-krone-swedish</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-leu" title="currency-leu" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-leu --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 18h-7a3 3 0 0 1 -3 -3v-10"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-leu -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 18h-7a3 3 0 0 1 -3 -3v-10" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-leu</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-lira" title="currency-lira" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-lira --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 5v15a7 7 0 0 0 7 -7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 15l8 -4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 7l-8 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-lira -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5v15a7 7 0 0 0 7 -7" /><path d="M6 15l8 -4" /><path d="M14 7l-8 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-lira</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-litecoin" title="currency-litecoin" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-litecoin --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 19h-8.194a2 2 0 0 1 -1.98 -2.283l1.674 -11.717"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 9l-9 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-litecoin -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 19h-8.194a2 2 0 0 1 -1.98 -2.283l1.674 -11.717" /><path d="M14 9l-9 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-litecoin</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-naira" title="currency-naira" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-naira --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 18v-10.948a1.05 1.05 0 0 1 1.968 -.51l6.064 10.916a1.05 1.05 0 0 0 1.968 -.51v-10.948"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 10h14"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 14h14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-naira -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 18v-10.948a1.05 1.05 0 0 1 1.968 -.51l6.064 10.916a1.05 1.05 0 0 0 1.968 -.51v-10.948" /><path d="M5 10h14" /><path d="M5 14h14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-naira</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-pound" title="currency-pound" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-pound --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 18.5a6 6 0 0 1 -5 0a6 6 0 0 0 -5 .5a3 3 0 0 0 2 -2.5v-7.5a4 4 0 0 1 7.45 -2m-2.55 6h-7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-pound -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 18.5a6 6 0 0 1 -5 0a6 6 0 0 0 -5 .5a3 3 0 0 0 2 -2.5v-7.5a4 4 0 0 1 7.45 -2m-2.55 6h-7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-pound</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-real" title="currency-real" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-real --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 6h-4a3 3 0 0 0 0 6h1a3 3 0 0 1 0 6h-4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 18v-12h3a3 3 0 1 1 0 6h-3c5.5 0 5 4 6 6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 6v-2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 20v-2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-real -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 6h-4a3 3 0 0 0 0 6h1a3 3 0 0 1 0 6h-4" /><path d="M4 18v-12h3a3 3 0 1 1 0 6h-3c5.5 0 5 4 6 6" /><path d="M18 6v-2" /><path d="M17 20v-2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-real</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-renminbi" title="currency-renminbi" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-renminbi --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 9v8a2 2 0 1 0 4 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 9h-14"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 5h-14"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 9v4c0 2.5 -.667 4 -2 6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-renminbi -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 9v8a2 2 0 1 0 4 0" /><path d="M19 9h-14" /><path d="M19 5h-14" /><path d="M9 9v4c0 2.5 -.667 4 -2 6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-renminbi</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-ripple" title="currency-ripple" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-ripple --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"7"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"7"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 12h3l2 -2.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 14.5l-2 -2.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-ripple -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="12" r="3" /><circle cx="17" cy="7" r="3" /><circle cx="17" cy="17" r="3" /><path d="M10 12h3l2 -2.5" /><path d="M15 14.5l-2 -2.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-ripple</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-riyal" title="currency-riyal" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-riyal --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 9v2a2 2 0 1 1 -4 0v-1v1a2 2 0 1 1 -4 0v-1v4a2 2 0 1 1 -4 0v-2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 12.01v-.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M22 10v1a5 5 0 0 1 -5 5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-riyal -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 9v2a2 2 0 1 1 -4 0v-1v1a2 2 0 1 1 -4 0v-1v4a2 2 0 1 1 -4 0v-2" /><path d="M18 12.01v-.01" /><path d="M22 10v1a5 5 0 0 1 -5 5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-riyal</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-rubel" title="currency-rubel" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-rubel --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 19v-14h6a3 3 0 0 1 0 6h-8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 15h-8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-rubel -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 19v-14h6a3 3 0 0 1 0 6h-8" /><path d="M14 15h-8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-rubel</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-rupee" title="currency-rupee" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-rupee --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 5h-11h3a4 4 0 0 1 0 8h-3l6 6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-rupee -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 5h-11h3a4 4 0 0 1 0 8h-3l6 6" /><line x1="7" y1="9" x2="18" y2="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-rupee</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-shekel" title="currency-shekel" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-shekel --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 18v-12h4a4 4 0 0 1 4 4v4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 6v12h-4a4 4 0 0 1 -4 -4v-4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-shekel -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 18v-12h4a4 4 0 0 1 4 4v4" /><path d="M18 6v12h-4a4 4 0 0 1 -4 -4v-4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-shekel</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-taka" title="currency-taka" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-taka --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"16.5"</span> <span class="na">cy=</span><span class="s">"15.5"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 7a2 2 0 1 1 4 0v9a3 3 0 0 0 6 0v-.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 11h6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-taka -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="16.5" cy="15.5" r="1" /><path d="M7 7a2 2 0 1 1 4 0v9a3 3 0 0 0 6 0v-.5" /><path d="M8 11h6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-taka</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-tugrik" title="currency-tugrik" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-tugrik --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 6h10"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 6v13"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 17l8 -3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 10l-8 3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-tugrik -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 6h10" /><path d="M12 6v13" /><path d="M8 17l8 -3" /><path d="M16 10l-8 3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-tugrik</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-won" title="currency-won" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-won --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 6l3.245 11.358a0.85 .85 0 0 0 1.624 .035l3.131 -9.393l3.131 9.393a0.85 .85 0 0 0 1.624 -.035l3.245 -11.358"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 10h-18"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 14h-18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-won -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 6l3.245 11.358a0.85 .85 0 0 0 1.624 .035l3.131 -9.393l3.131 9.393a0.85 .85 0 0 0 1.624 -.035l3.245 -11.358" /><path d="M21 10h-18" /><path d="M21 14h-18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-won</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-yen" title="currency-yen" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-yen --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 19v-7l-5 -7m10 0l-5 7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-yen -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 19v-7l-5 -7m10 0l-5 7" /><line x1="8" y1="17" x2="16" y2="17" /><line x1="8" y1="13" x2="16" y2="13" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-yen</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="currency-zloty" title="currency-zloty" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/currency-zloty --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 18h-7l7 -7h-7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 18v-13"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 14.5l6 -3.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/currency-zloty -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 18h-7l7 -7h-7" /><path d="M17 18v-13" /><path d="M14 14.5l6 -3.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">currency-zloty</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="current-location" title="current-location" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/current-location --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"2"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"22"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"22"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"2"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/current-location -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3" /><circle cx="12" cy="12" r="8" /><line x1="12" y1="2" x2="12" y2="4" /><line x1="12" y1="20" x2="12" y2="22" /><line x1="20" y1="12" x2="22" y2="12" /><line x1="2" y1="12" x2="4" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">current-location</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="cursor-text" title="cursor-text" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/cursor-text --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 12h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 4a3 3 0 0 1 3 3v10a3 3 0 0 1 -3 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 4a3 3 0 0 0 -3 3v10a3 3 0 0 0 3 3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/cursor-text -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 12h4" /><path d="M9 4a3 3 0 0 1 3 3v10a3 3 0 0 1 -3 3" /><path d="M15 4a3 3 0 0 0 -3 3v10a3 3 0 0 0 3 3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">cursor-text</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="cut" title="cut" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/cut --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"7"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9.15"</span> <span class="na">y1=</span><span class="s">"14.85"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"14.85"</span> <span class="na">y2=</span><span class="s">"14.85"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/cut -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="3" /><circle cx="17" cy="17" r="3" /><line x1="9.15" y1="14.85" x2="18" y2="4" /><line x1="6" y1="4" x2="14.85" y2="14.85" /></svg>
|
|
<div class="mt-1 text-muted text-h5">cut</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="dashboard" title="dashboard" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/dashboard --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"13"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13.45"</span> <span class="na">y1=</span><span class="s">"11.55"</span> <span class="na">x2=</span><span class="s">"15.5"</span> <span class="na">y2=</span><span class="s">"9.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6.4 20a9 9 0 1 1 11.2 0z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/dashboard -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="13" r="2" /><line x1="13.45" y1="11.55" x2="15.5" y2="9.5" /><path d="M6.4 20a9 9 0 1 1 11.2 0z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">dashboard</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="database-export" title="database-export" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/database-export --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;ellipse</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"8"</span> <span class="na">ry=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 6v6c0 1.657 3.582 3 8 3a19.84 19.84 0 0 0 3.302 -.267m4.698 -2.733v-6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 12v6c0 1.599 3.335 2.905 7.538 2.995m8.462 -6.995v-2m-6 7h7m-3 -3l3 3l-3 3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/database-export -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><ellipse cx="12" cy="6" rx="8" ry="3" /><path d="M4 6v6c0 1.657 3.582 3 8 3a19.84 19.84 0 0 0 3.302 -.267m4.698 -2.733v-6" /><path d="M4 12v6c0 1.599 3.335 2.905 7.538 2.995m8.462 -6.995v-2m-6 7h7m-3 -3l3 3l-3 3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">database-export</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="database-import" title="database-import" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/database-import --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;ellipse</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"8"</span> <span class="na">ry=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 6v8m5.009 .783c.924 .14 1.933 .217 2.991 .217c4.418 0 8 -1.343 8 -3v-6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11.252 20.987c.246 .009 .496 .013 .748 .013c4.418 0 8 -1.343 8 -3v-6m-18 7h7m-3 -3l3 3l-3 3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/database-import -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><ellipse cx="12" cy="6" rx="8" ry="3" /><path d="M4 6v8m5.009 .783c.924 .14 1.933 .217 2.991 .217c4.418 0 8 -1.343 8 -3v-6" /><path d="M11.252 20.987c.246 .009 .496 .013 .748 .013c4.418 0 8 -1.343 8 -3v-6m-18 7h7m-3 -3l3 3l-3 3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">database-import</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="database-off" title="database-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/database-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12.983 8.978c3.955 -.182 7.017 -1.446 7.017 -2.978c0 -1.657 -3.582 -3 -8 -3c-1.661 0 -3.204 .19 -4.483 .515m-2.783 1.228c-.471 .382 -.734 .808 -.734 1.257c0 1.22 1.944 2.271 4.734 2.74"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 6v6c0 1.657 3.582 3 8 3c.986 0 1.93 -.067 2.802 -.19m3.187 -.82c1.251 -.53 2.011 -1.228 2.011 -1.99v-6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 12v6c0 1.657 3.582 3 8 3c3.217 0 5.991 -.712 7.261 -1.74m.739 -3.26v-4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/database-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12.983 8.978c3.955 -.182 7.017 -1.446 7.017 -2.978c0 -1.657 -3.582 -3 -8 -3c-1.661 0 -3.204 .19 -4.483 .515m-2.783 1.228c-.471 .382 -.734 .808 -.734 1.257c0 1.22 1.944 2.271 4.734 2.74" /><path d="M4 6v6c0 1.657 3.582 3 8 3c.986 0 1.93 -.067 2.802 -.19m3.187 -.82c1.251 -.53 2.011 -1.228 2.011 -1.99v-6" /><path d="M4 12v6c0 1.657 3.582 3 8 3c3.217 0 5.991 -.712 7.261 -1.74m.739 -3.26v-4" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">database-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="database" title="database" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/database --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;ellipse</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"8"</span> <span class="na">ry=</span><span class="s">"3"</span><span class="nt">&gt;&lt;/ellipse&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 6v6a8 3 0 0 0 16 0v-6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 12v6a8 3 0 0 0 16 0v-6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/database -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><ellipse cx="12" cy="6" rx="8" ry="3"></ellipse><path d="M4 6v6a8 3 0 0 0 16 0v-6" /><path d="M4 12v6a8 3 0 0 0 16 0v-6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">database</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="details" title="details" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/details --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3v16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/details -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75" /><path d="M12 3v16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">details</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="device-analytics" title="device-analytics" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/device-analytics --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 12l3 -3l2 2l3 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/device-analytics -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="4" width="18" height="12" rx="1" /><line x1="7" y1="20" x2="17" y2="20" /><line x1="9" y1="16" x2="9" y2="20" /><line x1="15" y1="16" x2="15" y2="20" /><path d="M8 12l3 -3l2 2l3 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">device-analytics</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="device-audio-tape" title="device-audio-tape" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/device-audio-tape --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 17l4 -3h10l4 3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"7.5"</span> <span class="na">cy=</span><span class="s">"9.5"</span> <span class="na">r=</span><span class="s">".5"</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"16.5"</span> <span class="na">cy=</span><span class="s">"9.5"</span> <span class="na">r=</span><span class="s">".5"</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/device-audio-tape -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M3 17l4 -3h10l4 3" /><circle cx="7.5" cy="9.5" r=".5" fill="currentColor" /><circle cx="16.5" cy="9.5" r=".5" fill="currentColor" /></svg>
|
|
<div class="mt-1 text-muted text-h5">device-audio-tape</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="device-cctv" title="device-cctv" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/device-cctv --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"14"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 7v7a7 7 0 0 1 -14 0v-7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"12.01"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/device-cctv -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="3" width="18" height="4" rx="1" /><circle cx="12" cy="14" r="4" /><path d="M19 7v7a7 7 0 0 1 -14 0v-7" /><line x1="12" y1="14" x2="12.01" y2="14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">device-cctv</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="device-computer-camera-off" title="device-computer-camera-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/device-computer-camera-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6.15 6.153a7 7 0 0 0 9.696 9.696m2.003 -2.001a7 7 0 0 0 -9.699 -9.695"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.13 9.122a3 3 0 0 0 3.743 3.749m2.001 -2.009a3 3 0 0 0 -3.737 -3.736"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 16l-2.091 3.486a1 1 0 0 0 .857 1.514h10.468a1 1 0 0 0 .857 -1.514l-2.091 -3.486"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/device-computer-camera-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6.15 6.153a7 7 0 0 0 9.696 9.696m2.003 -2.001a7 7 0 0 0 -9.699 -9.695" /><path d="M9.13 9.122a3 3 0 0 0 3.743 3.749m2.001 -2.009a3 3 0 0 0 -3.737 -3.736" /><path d="M8 16l-2.091 3.486a1 1 0 0 0 .857 1.514h10.468a1 1 0 0 0 .857 -1.514l-2.091 -3.486" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">device-computer-camera-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="device-computer-camera" title="device-computer-camera" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/device-computer-camera --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"10"</span> <span class="na">r=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"10"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 16l-2.091 3.486a1 1 0 0 0 .857 1.514h10.468a1 1 0 0 0 .857 -1.514l-2.091 -3.486"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/device-computer-camera -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="10" r="7" /><circle cx="12" cy="10" r="3" /><path d="M8 16l-2.091 3.486a1 1 0 0 0 .857 1.514h10.468a1 1 0 0 0 .857 -1.514l-2.091 -3.486" /></svg>
|
|
<div class="mt-1 text-muted text-h5">device-computer-camera</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="device-desktop-analytics" title="device-desktop-analytics" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/device-desktop-analytics --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 20h10"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 16v4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 16v4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 12v-4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12v-1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 12v-2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12v-1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/device-desktop-analytics -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="4" width="18" height="12" rx="1" /><path d="M7 20h10" /><path d="M9 16v4" /><path d="M15 16v4" /><path d="M9 12v-4" /><path d="M12 12v-1" /><path d="M15 12v-2" /><path d="M12 12v-1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">device-desktop-analytics</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="device-desktop-off" title="device-desktop-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/device-desktop-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 4h12a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1m-4 0h-12a1 1 0 0 1 -1 -1v-10a1 1 0 0 1 1 -1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/device-desktop-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 4h12a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1m-4 0h-12a1 1 0 0 1 -1 -1v-10a1 1 0 0 1 1 -1" /><line x1="7" y1="20" x2="17" y2="20" /><line x1="9" y1="16" x2="9" y2="20" /><line x1="15" y1="16" x2="15" y2="20" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">device-desktop-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="device-desktop" title="device-desktop" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/device-desktop --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/device-desktop -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="4" width="18" height="12" rx="1" /><line x1="7" y1="20" x2="17" y2="20" /><line x1="9" y1="16" x2="9" y2="20" /><line x1="15" y1="16" x2="15" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">device-desktop</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="device-floppy" title="device-floppy" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/device-floppy --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"14"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"14 4 14 8 8 8 8 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/device-floppy -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2" /><circle cx="12" cy="14" r="2" /><polyline points="14 4 14 8 8 8 8 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">device-floppy</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="device-gamepad" title="device-gamepad" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/device-gamepad --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"2"</span> <span class="na">y=</span><span class="s">"6"</span> <span class="na">width=</span><span class="s">"20"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 12h4m-2 -2v4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"11.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"13.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/device-gamepad -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="2" y="6" width="20" height="12" rx="2" /><path d="M6 12h4m-2 -2v4" /><line x1="15" y1="11" x2="15" y2="11.01" /><line x1="18" y1="13" x2="18" y2="13.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">device-gamepad</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="device-laptop" title="device-laptop" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/device-laptop --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"5"</span> <span class="na">y=</span><span class="s">"6"</span> <span class="na">width=</span><span class="s">"14"</span> <span class="na">height=</span><span class="s">"10"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/device-laptop -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="19" x2="21" y2="19" /><rect x="5" y="6" width="14" height="10" rx="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">device-laptop</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="device-mobile-message" title="device-mobile-message" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/device-mobile-message --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 3h10v8h-3l-4 2v-2h-3z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 16v4a1 1 0 0 1 -1 1h-8a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 18v.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/device-mobile-message -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 3h10v8h-3l-4 2v-2h-3z" /><path d="M15 16v4a1 1 0 0 1 -1 1h-8a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1h2" /><path d="M10 18v.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">device-mobile-message</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="device-mobile-rotated" title="device-mobile-rotated" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/device-mobile-rotated --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;g</span> <span class="na">transform=</span><span class="s">"rotate(90 12 12)"</span><span class="nt">&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"7"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"10"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"11"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"17.01"</span> <span class="nt">/&gt;&lt;/g&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/device-mobile-rotated -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><g transform="rotate(90 12 12)"><rect x="7" y="4" width="10" height="16" rx="1" /><line x1="11" y1="5" x2="13" y2="5" /><line x1="12" y1="17" x2="12" y2="17.01" /></g></svg>
|
|
<div class="mt-1 text-muted text-h5">device-mobile-rotated</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="device-mobile-vibration" title="device-mobile-vibration" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/device-mobile-vibration --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"10"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"17.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 6l-2 3l2 3l-2 3l2 3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/device-mobile-vibration -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="10" height="16" rx="1" /><line x1="8" y1="5" x2="10" y2="5" /><line x1="9" y1="17" x2="9" y2="17.01" /><path d="M20 6l-2 3l2 3l-2 3l2 3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">device-mobile-vibration</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="device-mobile" title="device-mobile" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/device-mobile --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"7"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"10"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"11"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"17.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/device-mobile -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="7" y="4" width="10" height="16" rx="1" /><line x1="11" y1="5" x2="13" y2="5" /><line x1="12" y1="17" x2="12" y2="17.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">device-mobile</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="device-speaker" title="device-speaker" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/device-speaker --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"5"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"14"</span> <span class="na">height=</span><span class="s">"18"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"14"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"7.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/device-speaker -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="3" width="14" height="18" rx="2" /><circle cx="12" cy="14" r="3" /><line x1="12" y1="7" x2="12" y2="7.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">device-speaker</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="device-tablet" title="device-tablet" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/device-tablet --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"5"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"14"</span> <span class="na">height=</span><span class="s">"18"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/device-tablet -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="3" width="14" height="18" rx="1" /><circle cx="12" cy="17" r="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">device-tablet</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="device-tv" title="device-tv" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/device-tv --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"7"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"13"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"16 3 12 7 8 3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/device-tv -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="7" width="18" height="13" rx="2" /><polyline points="16 3 12 7 8 3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">device-tv</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="device-watch" title="device-watch" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/device-watch --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"6"</span> <span class="na">y=</span><span class="s">"6"</span> <span class="na">width=</span><span class="s">"12"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 18v3h6v-3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 6v-3h6v3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/device-watch -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="6" y="6" width="12" height="12" rx="3" /><path d="M9 18v3h6v-3" /><path d="M9 6v-3h6v3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">device-watch</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="devices-2" title="devices-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/devices-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 15h-6a1 1 0 0 1 -1 -1v-8a1 1 0 0 1 1 -1h6"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"13"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"8"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"8.01"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"16"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/devices-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 15h-6a1 1 0 0 1 -1 -1v-8a1 1 0 0 1 1 -1h6" /><rect x="13" y="4" width="8" height="16" rx="1" /><line x1="7" y1="19" x2="10" y2="19" /><line x1="17" y1="8" x2="17" y2="8.01" /><circle cx="17" cy="16" r="1" /><line x1="9" y1="15" x2="9" y2="19" /></svg>
|
|
<div class="mt-1 text-muted text-h5">devices-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="devices-pc" title="devices-pc" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/devices-pc --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 5h6v14h-6z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 9h10v7h-10z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 19h6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 16v3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 13v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 16v.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/devices-pc -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 5h6v14h-6z" /><path d="M12 9h10v7h-10z" /><path d="M14 19h6" /><path d="M17 16v3" /><path d="M6 13v.01" /><path d="M6 16v.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">devices-pc</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="devices" title="devices" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/devices --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"13"</span> <span class="na">y=</span><span class="s">"8"</span> <span class="na">width=</span><span class="s">"8"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 8v-3a1 1 0 0 0 -1 -1h-13a1 1 0 0 0 -1 1v12a1 1 0 0 0 1 1h9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/devices -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="13" y="8" width="8" height="12" rx="1" /><path d="M18 8v-3a1 1 0 0 0 -1 -1h-13a1 1 0 0 0 -1 1v12a1 1 0 0 0 1 1h9" /><line x1="16" y1="9" x2="18" y2="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">devices</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="diamond" title="diamond" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/diamond --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 5h12l3 5l-8.5 9.5a0.7 .7 0 0 1 -1 0l-8.5 -9.5l3 -5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 12l-2 -2.2l.6 -1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/diamond -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 5h12l3 5l-8.5 9.5a0.7 .7 0 0 1 -1 0l-8.5 -9.5l3 -5" /><path d="M10 12l-2 -2.2l.6 -1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">diamond</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="dice" title="dice" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/dice --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"8.5"</span> <span class="na">cy=</span><span class="s">"8.5"</span> <span class="na">r=</span><span class="s">".5"</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"15.5"</span> <span class="na">cy=</span><span class="s">"8.5"</span> <span class="na">r=</span><span class="s">".5"</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"15.5"</span> <span class="na">cy=</span><span class="s">"15.5"</span> <span class="na">r=</span><span class="s">".5"</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"8.5"</span> <span class="na">cy=</span><span class="s">"15.5"</span> <span class="na">r=</span><span class="s">".5"</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/dice -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><circle cx="8.5" cy="8.5" r=".5" fill="currentColor" /><circle cx="15.5" cy="8.5" r=".5" fill="currentColor" /><circle cx="15.5" cy="15.5" r=".5" fill="currentColor" /><circle cx="8.5" cy="15.5" r=".5" fill="currentColor" /></svg>
|
|
<div class="mt-1 text-muted text-h5">dice</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="dimensions" title="dimensions" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/dimensions --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 5h11"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7l2 -2l-2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 3l-2 2l2 2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 10v11"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 19l2 2l2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 12l-2 -2l-2 2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"10"</span> <span class="na">width=</span><span class="s">"11"</span> <span class="na">height=</span><span class="s">"11"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/dimensions -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 5h11" /><path d="M12 7l2 -2l-2 -2" /><path d="M5 3l-2 2l2 2" /><path d="M19 10v11" /><path d="M17 19l2 2l2 -2" /><path d="M21 12l-2 -2l-2 2" /><rect x="3" y="10" width="11" height="11" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">dimensions</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="direction-horizontal" title="direction-horizontal" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/direction-horizontal --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 9l-3 3l3 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 9l3 3l-3 3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/direction-horizontal -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 9l-3 3l3 3" /><path d="M14 9l3 3l-3 3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">direction-horizontal</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="direction" title="direction" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/direction --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 10l3 -3l3 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 14l3 3l3 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/direction -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 10l3 -3l3 3" /><path d="M9 14l3 3l3 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">direction</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="directions" title="directions" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/directions --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 5h10l2 2l-2 2h-10a1 1 0 0 1 -1 -1v-2a1 1 0 0 1 1 -1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 13h-7l-2 2l2 2h7a1 1 0 0 0 1 -1v-2a1 1 0 0 0 -1 -1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"22"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/directions -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 5h10l2 2l-2 2h-10a1 1 0 0 1 -1 -1v-2a1 1 0 0 1 1 -1" /><path d="M13 13h-7l-2 2l2 2h7a1 1 0 0 0 1 -1v-2a1 1 0 0 0 -1 -1" /><line x1="12" y1="22" x2="12" y2="17" /><line x1="12" y1="13" x2="12" y2="9" /><line x1="12" y1="5" x2="12" y2="3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">directions</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="disabled-2" title="disabled-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/disabled-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"6"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 11a5 5 0 1 0 3.95 7.95"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 20l-4 -5h-4l3 -5l-4 -3l-4 1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/disabled-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="17" cy="6" r="2" /><path d="M9 11a5 5 0 1 0 3.95 7.95" /><path d="M19 20l-4 -5h-4l3 -5l-4 -3l-4 1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">disabled-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="disabled" title="disabled" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/disabled --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"11"</span> <span class="na">cy=</span><span class="s">"5"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"11 7 11 15 15 15 19 20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"11"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 11.5a5 5 0 1 0 6 7.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/disabled -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="11" cy="5" r="2" /><polyline points="11 7 11 15 15 15 19 20" /><line x1="11" y1="11" x2="16" y2="11" /><path d="M7 11.5a5 5 0 1 0 6 7.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">disabled</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="disc" title="disc" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/disc --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 12a5 5 0 0 1 5 -5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 17a5 5 0 0 0 5 -5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/disc -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><circle cx="12" cy="12" r="1" /><path d="M7 12a5 5 0 0 1 5 -5" /><path d="M12 17a5 5 0 0 0 5 -5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">disc</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="discount-2" title="discount-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/discount-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"9.5"</span> <span class="na">cy=</span><span class="s">"9.5"</span> <span class="na">r=</span><span class="s">".5"</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"14.5"</span> <span class="na">cy=</span><span class="s">"14.5"</span> <span class="na">r=</span><span class="s">".5"</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 7.2a2.2 2.2 0 0 1 2.2 -2.2h1a2.2 2.2 0 0 0 1.55 -.64l.7 -.7a2.2 2.2 0 0 1 3.12 0l.7 .7a2.2 2.2 0 0 0 1.55 .64h1a2.2 2.2 0 0 1 2.2 2.2v1a2.2 2.2 0 0 0 .64 1.55l.7 .7a2.2 2.2 0 0 1 0 3.12l-.7 .7a2.2 2.2 0 0 0 -.64 1.55v1a2.2 2.2 0 0 1 -2.2 2.2h-1a2.2 2.2 0 0 0 -1.55 .64l-.7 .7a2.2 2.2 0 0 1 -3.12 0l-.7 -.7a2.2 2.2 0 0 0 -1.55 -.64h-1a2.2 2.2 0 0 1 -2.2 -2.2v-1a2.2 2.2 0 0 0 -.64 -1.55l-.7 -.7a2.2 2.2 0 0 1 0 -3.12l.7 -.7a2.2 2.2 0 0 0 .64 -1.55v-1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/discount-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9" y1="15" x2="15" y2="9" /><circle cx="9.5" cy="9.5" r=".5" fill="currentColor" /><circle cx="14.5" cy="14.5" r=".5" fill="currentColor" /><path d="M5 7.2a2.2 2.2 0 0 1 2.2 -2.2h1a2.2 2.2 0 0 0 1.55 -.64l.7 -.7a2.2 2.2 0 0 1 3.12 0l.7 .7a2.2 2.2 0 0 0 1.55 .64h1a2.2 2.2 0 0 1 2.2 2.2v1a2.2 2.2 0 0 0 .64 1.55l.7 .7a2.2 2.2 0 0 1 0 3.12l-.7 .7a2.2 2.2 0 0 0 -.64 1.55v1a2.2 2.2 0 0 1 -2.2 2.2h-1a2.2 2.2 0 0 0 -1.55 .64l-.7 .7a2.2 2.2 0 0 1 -3.12 0l-.7 -.7a2.2 2.2 0 0 0 -1.55 -.64h-1a2.2 2.2 0 0 1 -2.2 -2.2v-1a2.2 2.2 0 0 0 -.64 -1.55l-.7 -.7a2.2 2.2 0 0 1 0 -3.12l.7 -.7a2.2 2.2 0 0 0 .64 -1.55v-1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">discount-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="discount" title="discount" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/discount --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"9.5"</span> <span class="na">cy=</span><span class="s">"9.5"</span> <span class="na">r=</span><span class="s">".5"</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"14.5"</span> <span class="na">cy=</span><span class="s">"14.5"</span> <span class="na">r=</span><span class="s">".5"</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/discount -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9" y1="15" x2="15" y2="9" /><circle cx="9.5" cy="9.5" r=".5" fill="currentColor" /><circle cx="14.5" cy="14.5" r=".5" fill="currentColor" /><circle cx="12" cy="12" r="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">discount</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="divide" title="divide" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/divide --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"6"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"18"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/divide -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle fill="currentColor" cx="12" cy="6" r="1" /><circle fill="currentColor" cx="12" cy="18" r="1" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">divide</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="dna" title="dna" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/dna --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">transform=</span><span class="s">"rotate(-45 12 12)"</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.172 20.485a4 4 0 1 0 -5.657 -5.657"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14.828 3.515a4 4 0 1 0 5.657 5.657"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/dna -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle transform="rotate(-45 12 12)" cx="12" cy="12" r="4" /><path d="M9.172 20.485a4 4 0 1 0 -5.657 -5.657" /><path d="M14.828 3.515a4 4 0 1 0 5.657 5.657" /></svg>
|
|
<div class="mt-1 text-muted text-h5">dna</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="dots-circle-horizontal" title="dots-circle-horizontal" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/dots-circle-horizontal --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/dots-circle-horizontal -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">dots-circle-horizontal</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="dots-diagonal-2" title="dots-diagonal-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/dots-diagonal-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"7"</span> <span class="na">cy=</span><span class="s">"7"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/dots-diagonal-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="7" r="1" /><circle cx="12" cy="12" r="1" /><circle cx="17" cy="17" r="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">dots-diagonal-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="dots-diagonal" title="dots-diagonal" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/dots-diagonal --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"7"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"7"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/dots-diagonal -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="1" /><circle cx="12" cy="12" r="1" /><circle cx="17" cy="7" r="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">dots-diagonal</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="dots-vertical" title="dots-vertical" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/dots-vertical --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"5"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/dots-vertical -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="1" /><circle cx="12" cy="19" r="1" /><circle cx="12" cy="5" r="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">dots-vertical</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="dots" title="dots" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/dots --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"19"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/dots -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="12" r="1" /><circle cx="12" cy="12" r="1" /><circle cx="19" cy="12" r="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">dots</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="download" title="download" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/download --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"7 11 12 16 17 11"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/download -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" /><polyline points="7 11 12 16 17 11" /><line x1="12" y1="4" x2="12" y2="16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">download</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="drag-drop-2" title="drag-drop-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/drag-drop-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"8"</span> <span class="na">y=</span><span class="s">"8"</span> <span class="na">width=</span><span class="s">"12"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"4.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"8.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"16.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/drag-drop-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="8" y="8" width="12" height="12" rx="2" /><line x1="4" y1="4" x2="4" y2="4.01" /><line x1="8" y1="4" x2="8" y2="4.01" /><line x1="12" y1="4" x2="12" y2="4.01" /><line x1="16" y1="4" x2="16" y2="4.01" /><line x1="4" y1="8" x2="4" y2="8.01" /><line x1="4" y1="12" x2="4" y2="12.01" /><line x1="4" y1="16" x2="4" y2="16.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">drag-drop-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="drag-drop" title="drag-drop" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/drag-drop --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 11v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 13l9 3l-4 2l-2 4l-3 -9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"3"</span> <span class="na">y2=</span><span class="s">"3.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"3.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"11"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"11"</span> <span class="na">y2=</span><span class="s">"3.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"3.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"3"</span> <span class="na">y2=</span><span class="s">"7.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"3"</span> <span class="na">y2=</span><span class="s">"11.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"3"</span> <span class="na">y2=</span><span class="s">"15.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/drag-drop -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 11v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2" /><path d="M13 13l9 3l-4 2l-2 4l-3 -9" /><line x1="3" y1="3" x2="3" y2="3.01" /><line x1="7" y1="3" x2="7" y2="3.01" /><line x1="11" y1="3" x2="11" y2="3.01" /><line x1="15" y1="3" x2="15" y2="3.01" /><line x1="3" y1="7" x2="3" y2="7.01" /><line x1="3" y1="11" x2="3" y2="11.01" /><line x1="3" y1="15" x2="3" y2="15.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">drag-drop</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="drone-off" title="drone-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/drone-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 14h-4v-4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 10l-3.5 -3.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.957 5.95a3.503 3.503 0 0 0 -2.917 -2.91m-3.02 .989a3.5 3.5 0 0 0 1.98 5.936"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 10l3.5 -3.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 9.965a3.5 3.5 0 1 0 -3.966 -3.965"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"17.5"</span> <span class="na">y2=</span><span class="s">"17.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14.035 18a3.5 3.5 0 0 0 5.936 1.98m.987 -3.026a3.503 3.503 0 0 0 -2.918 -2.913"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"6.5"</span> <span class="na">y2=</span><span class="s">"17.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 14.035a3.5 3.5 0 1 0 3.966 3.965"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/drone-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 14h-4v-4" /><path d="M10 10l-3.5 -3.5" /><path d="M9.957 5.95a3.503 3.503 0 0 0 -2.917 -2.91m-3.02 .989a3.5 3.5 0 0 0 1.98 5.936" /><path d="M14 10l3.5 -3.5" /><path d="M18 9.965a3.5 3.5 0 1 0 -3.966 -3.965" /><line x1="14" y1="14" x2="17.5" y2="17.5" /><path d="M14.035 18a3.5 3.5 0 0 0 5.936 1.98m.987 -3.026a3.503 3.503 0 0 0 -2.918 -2.913" /><line x1="10" y1="14" x2="6.5" y2="17.5" /><path d="M6 14.035a3.5 3.5 0 1 0 3.966 3.965" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">drone-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="drone" title="drone" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/drone --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 10h4v4h-4z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"6.5"</span> <span class="na">y2=</span><span class="s">"6.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.96 6a3.5 3.5 0 1 0 -3.96 3.96"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 10l3.5 -3.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 9.96a3.5 3.5 0 1 0 -3.96 -3.96"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"17.5"</span> <span class="na">y2=</span><span class="s">"17.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14.04 18a3.5 3.5 0 1 0 3.96 -3.96"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"6.5"</span> <span class="na">y2=</span><span class="s">"17.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 14.04a3.5 3.5 0 1 0 3.96 3.96"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/drone -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 10h4v4h-4z" /><line x1="10" y1="10" x2="6.5" y2="6.5" /><path d="M9.96 6a3.5 3.5 0 1 0 -3.96 3.96" /><path d="M14 10l3.5 -3.5" /><path d="M18 9.96a3.5 3.5 0 1 0 -3.96 -3.96" /><line x1="14" y1="14" x2="17.5" y2="17.5" /><path d="M14.04 18a3.5 3.5 0 1 0 3.96 -3.96" /><line x1="10" y1="14" x2="6.5" y2="17.5" /><path d="M6 14.04a3.5 3.5 0 1 0 3.96 3.96" /></svg>
|
|
<div class="mt-1 text-muted text-h5">drone</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="droplet-filled-2" title="droplet-filled-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/droplet-filled-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6.8 11a6 6 0 1 0 10.396 0l-5.197 -8l-5.2 8z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 14h12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7.305 17.695l3.695 -3.695"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10.26 19.74l5.74 -5.74l-5.74 5.74z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/droplet-filled-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6.8 11a6 6 0 1 0 10.396 0l-5.197 -8l-5.2 8z" /><path d="M6 14h12" /><path d="M7.305 17.695l3.695 -3.695" /><path d="M10.26 19.74l5.74 -5.74l-5.74 5.74z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">droplet-filled-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="droplet-filled" title="droplet-filled" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/droplet-filled --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6.8 11a6 6 0 1 0 10.396 0l-5.197 -8l-5.2 8z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3v17"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12l3.544 -3.544"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 17.3l5.558 -5.558"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/droplet-filled -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6.8 11a6 6 0 1 0 10.396 0l-5.197 -8l-5.2 8z" /><path d="M12 3v17" /><path d="M12 12l3.544 -3.544" /><path d="M12 17.3l5.558 -5.558" /></svg>
|
|
<div class="mt-1 text-muted text-h5">droplet-filled</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="droplet-half-2" title="droplet-half-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/droplet-half-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6.8 11a6 6 0 1 0 10.396 0l-5.197 -8l-5.2 8z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 14h12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/droplet-half-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6.8 11a6 6 0 1 0 10.396 0l-5.197 -8l-5.2 8z" /><path d="M6 14h12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">droplet-half-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="droplet-half" title="droplet-half" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/droplet-half --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6.8 11a6 6 0 1 0 10.396 0l-5.197 -8l-5.2 8z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3v17"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/droplet-half -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6.8 11a6 6 0 1 0 10.396 0l-5.197 -8l-5.2 8z" /><path d="M12 3v17" /></svg>
|
|
<div class="mt-1 text-muted text-h5">droplet-half</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="droplet-off" title="droplet-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/droplet-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8.454 8.458l-1.653 2.545a6 6 0 0 0 10.32 6.123"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 14a5.971 5.971 0 0 0 -.803 -3l-5.197 -8l-1.968 3.03"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 3l18 18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/droplet-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8.454 8.458l-1.653 2.545a6 6 0 0 0 10.32 6.123" /><path d="M18 14a5.971 5.971 0 0 0 -.803 -3l-5.197 -8l-1.968 3.03" /><path d="M3 3l18 18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">droplet-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="droplet" title="droplet" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/droplet --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6.8 11a6 6 0 1 0 10.396 0l-5.197 -8l-5.2 8z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/droplet -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6.8 11a6 6 0 1 0 10.396 0l-5.197 -8l-5.2 8z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">droplet</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="ear-off" title="ear-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/ear-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 10c0 -1.146 .277 -2.245 .78 -3.219m1.792 -2.208a7 7 0 0 1 10.428 9.027a10 10 0 0 1 -.633 .762m-2.045 1.96a8 8 0 0 0 -1.322 2.278a4.5 4.5 0 0 1 -6.8 1.4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11.42 7.414a3 3 0 0 1 4.131 4.13"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/ear-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 10c0 -1.146 .277 -2.245 .78 -3.219m1.792 -2.208a7 7 0 0 1 10.428 9.027a10 10 0 0 1 -.633 .762m-2.045 1.96a8 8 0 0 0 -1.322 2.278a4.5 4.5 0 0 1 -6.8 1.4" /><path d="M11.42 7.414a3 3 0 0 1 4.131 4.13" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">ear-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="ear" title="ear" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/ear --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 10a7 7 0 1 1 13 3.6a10 10 0 0 1 -2 2a8 8 0 0 0 -2 3a4.5 4.5 0 0 1 -6.8 1.4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 10a3 3 0 1 1 5 2.2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/ear -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 10a7 7 0 1 1 13 3.6a10 10 0 0 1 -2 2a8 8 0 0 0 -2 3a4.5 4.5 0 0 1 -6.8 1.4" /><path d="M10 10a3 3 0 1 1 5 2.2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">ear</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="edit-circle" title="edit-circle" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/edit-circle --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 15l8.385 -8.415a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 5l3 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 7.07a7.002 7.002 0 0 0 1 13.93a7.002 7.002 0 0 0 6.929 -5.999"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/edit-circle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 15l8.385 -8.415a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3z" /><path d="M16 5l3 3" /><path d="M9 7.07a7.002 7.002 0 0 0 1 13.93a7.002 7.002 0 0 0 6.929 -5.999" /></svg>
|
|
<div class="mt-1 text-muted text-h5">edit-circle</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="edit" title="edit" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/edit --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/edit -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">edit</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="egg" title="egg" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/egg --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5.514 14.639c0 3.513 2.904 6.361 6.486 6.361s6.486 -2.848 6.486 -6.361a12.574 12.574 0 0 0 -3.243 -9.012a4.025 4.025 0 0 0 -3.243 -1.627a4.025 4.025 0 0 0 -3.243 1.627a12.574 12.574 0 0 0 -3.243 9.012"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/egg -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5.514 14.639c0 3.513 2.904 6.361 6.486 6.361s6.486 -2.848 6.486 -6.361a12.574 12.574 0 0 0 -3.243 -9.012a4.025 4.025 0 0 0 -3.243 -1.627a4.025 4.025 0 0 0 -3.243 1.627a12.574 12.574 0 0 0 -3.243 9.012" /></svg>
|
|
<div class="mt-1 text-muted text-h5">egg</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="emphasis" title="emphasis" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/emphasis --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 5h-8v10h8m-1 -5h-7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"20.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/emphasis -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 5h-8v10h8m-1 -5h-7" /><line x1="6" y1="20" x2="6" y2="20.01" /><line x1="10" y1="20" x2="10" y2="20.01" /><line x1="14" y1="20" x2="14" y2="20.01" /><line x1="18" y1="20" x2="18" y2="20.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">emphasis</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="equal-not" title="equal-not" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/equal-not --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 9h14m-14 6h14m0 -10l-14 14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/equal-not -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 9h14m-14 6h14m0 -10l-14 14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">equal-not</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="equal" title="equal" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/equal --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 9h14m-14 6h14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/equal -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 9h14m-14 6h14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">equal</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="eraser" title="eraser" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/eraser --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 19h-11l-4 -4a1 1 0 0 1 0 -1.41l10 -10a1 1 0 0 1 1.41 0l5 5a1 1 0 0 1 0 1.41l-9 9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"12.3"</span> <span class="na">x2=</span><span class="s">"11.7"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/eraser -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 19h-11l-4 -4a1 1 0 0 1 0 -1.41l10 -10a1 1 0 0 1 1.41 0l5 5a1 1 0 0 1 0 1.41l-9 9" /><line x1="18" y1="12.3" x2="11.7" y2="6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">eraser</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="exchange" title="exchange" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/exchange --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5"</span> <span class="na">cy=</span><span class="s">"18"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"19"</span> <span class="na">cy=</span><span class="s">"6"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 8v5a5 5 0 0 1 -5 5h-3l3 -3m0 6l-3 -3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 16v-5a5 5 0 0 1 5 -5h3l-3 -3m0 6l3 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/exchange -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="18" r="2" /><circle cx="19" cy="6" r="2" /><path d="M19 8v5a5 5 0 0 1 -5 5h-3l3 -3m0 6l-3 -3" /><path d="M5 16v-5a5 5 0 0 1 5 -5h3l-3 -3m0 6l3 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">exchange</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="exposure" title="exposure" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/exposure --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4.6"</span> <span class="na">y1=</span><span class="s">"19.4"</span> <span class="na">x2=</span><span class="s">"19.4"</span> <span class="na">y2=</span><span class="s">"4.6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 9h4m-2 -2v4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/exposure -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="4.6" y1="19.4" x2="19.4" y2="4.6" /><path d="M7 9h4m-2 -2v4" /><line x1="13" y1="16" x2="17" y2="16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">exposure</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="external-link" title="external-link" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/external-link --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"15 4 20 4 20 9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/external-link -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">external-link</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="eye-check" title="eye-check" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/eye-check --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 19c-4 0 -7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7c-.42 .736 -.858 1.414 -1.311 2.033"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 19l2 2l4 -4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/eye-check -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="2" /><path d="M12 19c-4 0 -7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7c-.42 .736 -.858 1.414 -1.311 2.033" /><path d="M15 19l2 2l4 -4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">eye-check</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="eye-off" title="eye-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/eye-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10.584 10.587a2 2 0 0 0 2.828 2.83"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.363 5.365a9.466 9.466 0 0 1 2.637 -.365c4 0 7.333 2.333 10 7c-.778 1.361 -1.612 2.524 -2.503 3.488m-2.14 1.861c-1.631 1.1 -3.415 1.651 -5.357 1.651c-4 0 -7.333 -2.333 -10 -7c1.369 -2.395 2.913 -4.175 4.632 -5.341"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/eye-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M10.584 10.587a2 2 0 0 0 2.828 2.83" /><path d="M9.363 5.365a9.466 9.466 0 0 1 2.637 -.365c4 0 7.333 2.333 10 7c-.778 1.361 -1.612 2.524 -2.503 3.488m-2.14 1.861c-1.631 1.1 -3.415 1.651 -5.357 1.651c-4 0 -7.333 -2.333 -10 -7c1.369 -2.395 2.913 -4.175 4.632 -5.341" /></svg>
|
|
<div class="mt-1 text-muted text-h5">eye-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="eye" title="eye" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/eye --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/eye -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">eye</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="eyeglass-2" title="eyeglass-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/eyeglass-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 4h-2l-3 10v2.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 4h2l3 10v2.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17.5"</span> <span class="na">cy=</span><span class="s">"16.5"</span> <span class="na">r=</span><span class="s">"3.5"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6.5"</span> <span class="na">cy=</span><span class="s">"16.5"</span> <span class="na">r=</span><span class="s">"3.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/eyeglass-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 4h-2l-3 10v2.5" /><path d="M16 4h2l3 10v2.5" /><line x1="10" y1="16" x2="14" y2="16" /><circle cx="17.5" cy="16.5" r="3.5" /><circle cx="6.5" cy="16.5" r="3.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">eyeglass-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="eyeglass" title="eyeglass" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/eyeglass --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 4h-2l-3 10"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 4h2l3 10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 16.5a3.5 3.5 0 0 1 -7 0v-2.5h7v2.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 16.5a3.5 3.5 0 0 1 -7 0v-2.5h7v2.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/eyeglass -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 4h-2l-3 10" /><path d="M16 4h2l3 10" /><line x1="10" y1="16" x2="14" y2="16" /><path d="M21 16.5a3.5 3.5 0 0 1 -7 0v-2.5h7v2.5" /><path d="M10 16.5a3.5 3.5 0 0 1 -7 0v-2.5h7v2.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">eyeglass</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="face-id" title="face-id" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/face-id --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 8v-2a2 2 0 0 1 2 -2h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 16v2a2 2 0 0 0 2 2h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 4h2a2 2 0 0 1 2 2v2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 20h2a2 2 0 0 0 2 -2v-2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"9.01"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"15.01"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.5 15a3.5 3.5 0 0 0 5 0"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/face-id -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 8v-2a2 2 0 0 1 2 -2h2" /><path d="M4 16v2a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v2" /><path d="M16 20h2a2 2 0 0 0 2 -2v-2" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M9.5 15a3.5 3.5 0 0 0 5 0" /></svg>
|
|
<div class="mt-1 text-muted text-h5">face-id</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="fall" title="fall" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/fall --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 21l1 -5l-1 -4l-3 -4h4l3 -3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 16l-1 -4l3 -4"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6"</span> <span class="na">cy=</span><span class="s">"5"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13.5 12h2.5l4 2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/fall -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 21l1 -5l-1 -4l-3 -4h4l3 -3" /><path d="M6 16l-1 -4l3 -4" /><circle cx="6" cy="5" r="1" /><path d="M13.5 12h2.5l4 2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">fall</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="feather" title="feather" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/feather --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 20l10 -10m0 -5v5h5m-9 -1v5h5m-9 -1v5h5m-5 -5l4 -4l4 -4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 10c.638 -.636 1 -1.515 1 -2.486a3.515 3.515 0 0 0 -3.517 -3.514c-.97 0 -1.847 .367 -2.483 1m-3 13l4 -4l4 -4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/feather -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 20l10 -10m0 -5v5h5m-9 -1v5h5m-9 -1v5h5m-5 -5l4 -4l4 -4" /><path d="M19 10c.638 -.636 1 -1.515 1 -2.486a3.515 3.515 0 0 0 -3.517 -3.514c-.97 0 -1.847 .367 -2.483 1m-3 13l4 -4l4 -4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">feather</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file-alert" title="file-alert" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file-alert --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"12.01"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file-alert -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="12" y1="17" x2="12.01" y2="17" /><line x1="12" y1="11" x2="12" y2="14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file-alert</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file-analytics" title="file-analytics" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file-analytics --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file-analytics -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="17" x2="9" y2="12" /><line x1="12" y1="17" x2="12" y2="16" /><line x1="15" y1="17" x2="15" y2="14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file-analytics</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file-certificate" title="file-certificate" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file-certificate --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 8v-3a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-5"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6"</span> <span class="na">cy=</span><span class="s">"14"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4.5 17l-1.5 5l3 -1.5l3 1.5l-1.5 -5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file-certificate -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M5 8v-3a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-5" /><circle cx="6" cy="14" r="3" /><path d="M4.5 17l-1.5 5l3 -1.5l3 1.5l-1.5 -5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file-certificate</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file-check" title="file-check" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file-check --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 15l2 2l4 -4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file-check -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M9 15l2 2l4 -4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file-check</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file-code-2" title="file-code-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file-code-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 12h-1v5h1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 12h1v5h-1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file-code-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 12h-1v5h1" /><path d="M14 12h1v5h-1" /><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file-code-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file-code" title="file-code" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file-code --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 13l-1 2l1 2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 13l1 2l-1 2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file-code -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M10 13l-1 2l1 2" /><path d="M14 13l1 2l-1 2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file-code</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file-diff" title="file-diff" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file-diff --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file-diff -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="12" y1="10" x2="12" y2="14" /><line x1="10" y1="12" x2="14" y2="12" /><line x1="10" y1="17" x2="14" y2="17" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file-diff</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file-dislike" title="file-dislike" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file-dislike --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"14"</span> <span class="na">width=</span><span class="s">"3"</span> <span class="na">height=</span><span class="s">"5"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 15a1 1 0 0 1 1 -1h3.756a1 1 0 0 1 .958 .713l1.2 3c.09 .303 .133 .63 -.056 .884c-.188 .254 -.542 .403 -.858 .403h-2v2.467a1.1 1.1 0 0 1 -2.015 .61l-1.985 -3.077v-4z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 11v-6a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-2.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file-dislike -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="14" width="3" height="5" rx="1" /><path d="M6 15a1 1 0 0 1 1 -1h3.756a1 1 0 0 1 .958 .713l1.2 3c.09 .303 .133 .63 -.056 .884c-.188 .254 -.542 .403 -.858 .403h-2v2.467a1.1 1.1 0 0 1 -2.015 .61l-1.985 -3.077v-4z" /><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M5 11v-6a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-2.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file-dislike</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file-download" title="file-download" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file-download --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"9 14 12 17 15 14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file-download -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="12" y1="11" x2="12" y2="17" /><polyline points="9 14 12 17 15 14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file-download</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file-export" title="file-export" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file-export --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11.5 21h-4.5a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v5m-5 6h7m-3 -3l3 3l-3 3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file-export -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M11.5 21h-4.5a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v5m-5 6h7m-3 -3l3 3l-3 3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file-export</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file-horizontal" title="file-horizontal" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file-horizontal --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 5v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 7v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2 -2v-7l-5 -5h-11a2 2 0 0 0 -2 2z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file-horizontal -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 5v4a1 1 0 0 0 1 1h4" /><path d="M3 7v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2 -2v-7l-5 -5h-11a2 2 0 0 0 -2 2z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file-horizontal</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file-import" title="file-import" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file-import --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 13v-8a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-5.5m-9.5 -2h7m-3 -3l3 3l-3 3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file-import -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M5 13v-8a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-5.5m-9.5 -2h7m-3 -3l3 3l-3 3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file-import</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file-info" title="file-info" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file-info --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 14h1v4h1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 11h.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file-info -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M11 14h1v4h1" /><path d="M12 11h.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file-info</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file-invoice" title="file-invoice" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file-invoice --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file-invoice -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="7" x2="10" y2="7" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="13" y1="17" x2="15" y2="17" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file-invoice</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file-like" title="file-like" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file-like --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"16"</span> <span class="na">width=</span><span class="s">"3"</span> <span class="na">height=</span><span class="s">"5"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 20a1 1 0 0 0 1 1h3.756a1 1 0 0 0 .958 -.713l1.2 -3c.09 -.303 .133 -.63 -.056 -.884c-.188 -.254 -.542 -.403 -.858 -.403h-2v-2.467a1.1 1.1 0 0 0 -2.015 -.61l-1.985 3.077v4z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 12.1v-7.1a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-2.3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file-like -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="16" width="3" height="5" rx="1" /><path d="M6 20a1 1 0 0 0 1 1h3.756a1 1 0 0 0 .958 -.713l1.2 -3c.09 -.303 .133 -.63 -.056 -.884c-.188 -.254 -.542 -.403 -.858 -.403h-2v-2.467a1.1 1.1 0 0 0 -2.015 -.61l-1.985 3.077v4z" /><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M5 12.1v-7.1a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-2.3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file-like</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file-minus" title="file-minus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file-minus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file-minus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="14" x2="15" y2="14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file-minus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file-music" title="file-music" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file-music --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"11"</span> <span class="na">cy=</span><span class="s">"16"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"12 16 12 11 14 12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file-music -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><circle cx="11" cy="16" r="1" /><polyline points="12 16 12 11 14 12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file-music</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file-off" title="file-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 3h7l5 5v7m0 4a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M7 3h7l5 5v7m0 4a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file-phone" title="file-phone" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file-phone --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 12a0.5 .5 0 0 0 1 0v-1a0.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a0.5 .5 0 0 0 0 -1h-1a0.5 .5 0 0 0 0 1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file-phone -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M9 12a0.5 .5 0 0 0 1 0v-1a0.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a0.5 .5 0 0 0 0 -1h-1a0.5 .5 0 0 0 0 1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file-phone</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file-plus" title="file-plus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file-plus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file-plus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="12" y1="11" x2="12" y2="17" /><line x1="9" y1="14" x2="15" y2="14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file-plus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file-report" title="file-report" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file-report --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 13v4h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11.5 21h-6.5a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v2m0 3v4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file-report -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="17" cy="17" r="4" /><path d="M17 13v4h4" /><path d="M12 3v4a1 1 0 0 0 1 1h4" /><path d="M11.5 21h-6.5a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v2m0 3v4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file-report</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file-search" title="file-search" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file-search --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 21h-5a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v4.5"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"16.5"</span> <span class="na">cy=</span><span class="s">"17.5"</span> <span class="na">r=</span><span class="s">"2.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18.5"</span> <span class="na">y1=</span><span class="s">"19.5"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"22"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file-search -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M12 21h-5a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v4.5" /><circle cx="16.5" cy="17.5" r="2.5" /><line x1="18.5" y1="19.5" x2="21" y2="22" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file-search</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file-shredder" title="file-shredder" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file-shredder --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"22"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file-shredder -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4" /><line x1="3" y1="12" x2="21" y2="12" /><line x1="6" y1="16" x2="6" y2="18" /><line x1="10" y1="16" x2="10" y2="22" /><line x1="14" y1="16" x2="14" y2="18" /><line x1="18" y1="16" x2="18" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file-shredder</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file-symlink" title="file-symlink" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file-symlink --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 21v-4a3 3 0 0 1 3 -3h5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 17l3 -3l-3 -3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 11v-6a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-9.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file-symlink -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-4a3 3 0 0 1 3 -3h5" /><path d="M9 17l3 -3l-3 -3" /><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M5 11v-6a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-9.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file-symlink</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file-text" title="file-text" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file-text --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file-text</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file-upload" title="file-upload" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file-upload --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"9 14 12 11 15 14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file-upload -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="12" y1="11" x2="12" y2="17" /><polyline points="9 14 12 11 15 14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file-upload</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file-x" title="file-x" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file-x --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 12l4 4m0 -4l-4 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file-x -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M10 12l4 4m0 -4l-4 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file-x</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file-zip" title="file-zip" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file-zip --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 20.735a2 2 0 0 1 -1 -1.735v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 17a2 2 0 0 1 2 2v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a2 2 0 0 1 2 -2z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"11"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"11"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"11"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file-zip -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 20.735a2 2 0 0 1 -1 -1.735v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-1" /><path d="M11 17a2 2 0 0 1 2 2v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a2 2 0 0 1 2 -2z" /><line x1="11" y1="5" x2="10" y2="5" /><line x1="13" y1="7" x2="12" y2="7" /><line x1="11" y1="9" x2="10" y2="9" /><line x1="13" y1="11" x2="12" y2="11" /><line x1="11" y1="13" x2="10" y2="13" /><line x1="13" y1="15" x2="12" y2="15" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file-zip</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="file" title="file" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/file --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/file -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">file</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="files-off" title="files-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/files-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 17h-6a2 2 0 0 1 -2 -2v-6m0 -4a2 2 0 0 1 2 -2h4l5 5v7c0 .294 -.063 .572 -.177 .823"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 17v2a2 2 0 0 1 -2 2h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/files-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 3v4a1 1 0 0 0 1 1h4" /><path d="M17 17h-6a2 2 0 0 1 -2 -2v-6m0 -4a2 2 0 0 1 2 -2h4l5 5v7c0 .294 -.063 .572 -.177 .823" /><path d="M16 17v2a2 2 0 0 1 -2 2h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">files-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="files" title="files" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/files --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 17h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h4l5 5v7a2 2 0 0 1 -2 2z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 17v2a2 2 0 0 1 -2 2h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/files -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 3v4a1 1 0 0 0 1 1h4" /><path d="M18 17h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h4l5 5v7a2 2 0 0 1 -2 2z" /><path d="M16 17v2a2 2 0 0 1 -2 2h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">files</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="filter-off" title="filter-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/filter-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 5h9.5a1 1 0 0 1 .5 1.5l-4.049 4.454m-.951 3.046v5l-4 -3v-4l-5 -5.5a1 1 0 0 1 .18 -1.316"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/filter-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M9 5h9.5a1 1 0 0 1 .5 1.5l-4.049 4.454m-.951 3.046v5l-4 -3v-4l-5 -5.5a1 1 0 0 1 .18 -1.316" /></svg>
|
|
<div class="mt-1 text-muted text-h5">filter-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="filter" title="filter" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/filter --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5.5 5h13a1 1 0 0 1 .5 1.5l-5 5.5l0 7l-4 -3l0 -4l-5 -5.5a1 1 0 0 1 .5 -1.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/filter -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5.5 5h13a1 1 0 0 1 .5 1.5l-5 5.5l0 7l-4 -3l0 -4l-5 -5.5a1 1 0 0 1 .5 -1.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">filter</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="fingerprint" title="fingerprint" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/fingerprint --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18.9 7a8 8 0 0 1 1.1 5v1a6 6 0 0 0 .8 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 11a4 4 0 0 1 8 0v1a10 10 0 0 0 2 6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 11v2a14 14 0 0 0 2.5 8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 15a18 18 0 0 0 1.8 6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4.9 19a22 22 0 0 1 -.9 -7v-1a8 8 0 0 1 12 -6.95"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/fingerprint -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18.9 7a8 8 0 0 1 1.1 5v1a6 6 0 0 0 .8 3" /><path d="M8 11a4 4 0 0 1 8 0v1a10 10 0 0 0 2 6" /><path d="M12 11v2a14 14 0 0 0 2.5 8" /><path d="M8 15a18 18 0 0 0 1.8 6" /><path d="M4.9 19a22 22 0 0 1 -.9 -7v-1a8 8 0 0 1 12 -6.95" /></svg>
|
|
<div class="mt-1 text-muted text-h5">fingerprint</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="firetruck" title="firetruck" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/firetruck --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 18h8m4 0h2v-6a5 5 0 0 0 -5 -5h-1l1.5 5h4.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 18v-11h3"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"3 17 3 12 12 12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/firetruck -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M7 18h8m4 0h2v-6a5 5 0 0 0 -5 -5h-1l1.5 5h4.5" /><path d="M12 18v-11h3" /><polyline points="3 17 3 12 12 12" /><line x1="3" y1="9" x2="21" y2="3" /><line x1="6" y1="12" x2="6" y2="8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">firetruck</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="flag-2" title="flag-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/flag-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 14h14v-9h-14v16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/flag-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 14h14v-9h-14v16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">flag-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="flag-3" title="flag-3" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/flag-3 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 14h14l-4.5 -4.5l4.5 -4.5h-14v16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/flag-3 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 14h14l-4.5 -4.5l4.5 -4.5h-14v16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">flag-3</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="flag" title="flag" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/flag --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"5"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 5a5 5 0 0 1 7 0a5 5 0 0 0 7 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 14a5 5 0 0 1 7 0a5 5 0 0 0 7 0"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/flag -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="5" x2="5" y2="21" /><line x1="19" y1="5" x2="19" y2="14" /><path d="M5 5a5 5 0 0 1 7 0a5 5 0 0 0 7 0" /><path d="M5 14a5 5 0 0 1 7 0a5 5 0 0 0 7 0" /></svg>
|
|
<div class="mt-1 text-muted text-h5">flag</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="flame" title="flame" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/flame --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/flame -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">flame</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="flare" title="flare" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/flare --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 12h4m5 -9v4m5 5h4m-9 5v4m-4.5 -13.5l1 1m8 -1l-1 1m0 7l1 1m-8 -1l-1 1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/flare -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="2" /><path d="M3 12h4m5 -9v4m5 5h4m-9 5v4m-4.5 -13.5l1 1m8 -1l-1 1m0 7l1 1m-8 -1l-1 1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">flare</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="flask" title="flask" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/flask --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 3v6l-4 11a0.7 .7 0 0 0 .5 1h11a0.7 .7 0 0 0 .5 -1l-4 -11v-6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/flask -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9" y1="3" x2="15" y2="3" /><line x1="10" y1="9" x2="14" y2="9" /><path d="M10 3v6l-4 11a0.7 .7 0 0 0 .5 1h11a0.7 .7 0 0 0 .5 -1l-4 -11v-6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">flask</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="flip-horizontal" title="flip-horizontal" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/flip-horizontal --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"7 16 17 16 7 21 7 16"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"7 8 17 8 7 3 7 8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/flip-horizontal -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="12" x2="21" y2="12" /><polyline points="7 16 17 16 7 21 7 16" /><polyline points="7 8 17 8 7 3 7 8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">flip-horizontal</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="flip-vertical" title="flip-vertical" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/flip-vertical --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"16 7 16 17 21 17 16 7"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"8 7 8 17 3 17 8 7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/flip-vertical -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="3" x2="12" y2="21" /><polyline points="16 7 16 17 21 17 16 7" /><polyline points="8 7 8 17 3 17 8 7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">flip-vertical</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="float-center" title="float-center" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/float-center --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">x=</span><span class="s">"9"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"5"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"5"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/float-center -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect width="6" height="6" x="9" y="5" rx="1" /><line x1="4" y1="7" x2="5" y2="7" /><line x1="4" y1="11" x2="5" y2="11" /><line x1="19" y1="7" x2="20" y2="7" /><line x1="19" y1="11" x2="20" y2="11" /><line x1="4" y1="15" x2="20" y2="15" /><line x1="4" y1="19" x2="20" y2="19" /></svg>
|
|
<div class="mt-1 text-muted text-h5">float-center</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="float-left" title="float-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/float-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/float-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect width="6" height="6" x="4" y="5" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="14" y1="11" x2="20" y2="11" /><line x1="4" y1="15" x2="20" y2="15" /><line x1="4" y1="19" x2="20" y2="19" /></svg>
|
|
<div class="mt-1 text-muted text-h5">float-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="float-none" title="float-none" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/float-none --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/float-none -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect width="6" height="6" x="4" y="5" rx="1" /><line x1="4" y1="15" x2="20" y2="15" /><line x1="4" y1="19" x2="20" y2="19" /></svg>
|
|
<div class="mt-1 text-muted text-h5">float-none</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="float-right" title="float-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/float-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">x=</span><span class="s">"14"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/float-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect width="6" height="6" x="14" y="5" rx="1" /><line x1="4" y1="7" x2="10" y2="7" /><line x1="4" y1="11" x2="10" y2="11" /><line x1="4" y1="15" x2="20" y2="15" /><line x1="4" y1="19" x2="20" y2="19" /></svg>
|
|
<div class="mt-1 text-muted text-h5">float-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="focus-2" title="focus-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/focus-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">".5"</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"5"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/focus-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r=".5" fill="currentColor" /><circle cx="12" cy="12" r="7" /><line x1="12" y1="3" x2="12" y2="5" /><line x1="3" y1="12" x2="5" y2="12" /><line x1="12" y1="19" x2="12" y2="21" /><line x1="19" y1="12" x2="21" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">focus-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="focus" title="focus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/focus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">".5"</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/focus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r=".5" fill="currentColor" /><circle cx="12" cy="12" r="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">focus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="fold-down" title="fold-down" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/fold-down --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 11v8l3 -3m-6 0l3 3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"5"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/fold-down -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 11v8l3 -3m-6 0l3 3" /><line x1="9" y1="7" x2="10" y2="7" /><line x1="14" y1="7" x2="15" y2="7" /><line x1="19" y1="7" x2="20" y2="7" /><line x1="4" y1="7" x2="5" y2="7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">fold-down</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="fold-up" title="fold-up" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/fold-up --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 13v-8l-3 3m6 0l-3 -3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"5"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/fold-up -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 13v-8l-3 3m6 0l-3 -3" /><line x1="9" y1="17" x2="10" y2="17" /><line x1="14" y1="17" x2="15" y2="17" /><line x1="19" y1="17" x2="20" y2="17" /><line x1="4" y1="17" x2="5" y2="17" /></svg>
|
|
<div class="mt-1 text-muted text-h5">fold-up</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="fold" title="fold" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/fold --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3v6l3 -3m-6 0l3 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 21v-6l3 3m-6 0l3 -3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"5"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/fold -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3v6l3 -3m-6 0l3 3" /><path d="M12 21v-6l3 3m-6 0l3 -3" /><line x1="4" y1="12" x2="5" y2="12" /><line x1="9" y1="12" x2="10" y2="12" /><line x1="14" y1="12" x2="15" y2="12" /><line x1="19" y1="12" x2="20" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">fold</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="folder-minus" title="folder-minus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/folder-minus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/folder-minus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2" /><line x1="9" y1="13" x2="15" y2="13" /></svg>
|
|
<div class="mt-1 text-muted text-h5">folder-minus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="folder-off" title="folder-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/folder-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 19h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 1.172 -1.821m3.828 -.179h1l3 3h7a2 2 0 0 1 2 2v8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/folder-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M19 19h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 1.172 -1.821m3.828 -.179h1l3 3h7a2 2 0 0 1 2 2v8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">folder-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="folder-plus" title="folder-plus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/folder-plus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/folder-plus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2" /><line x1="12" y1="10" x2="12" y2="16" /><line x1="9" y1="13" x2="15" y2="13" /></svg>
|
|
<div class="mt-1 text-muted text-h5">folder-plus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="folder-x" title="folder-x" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/folder-x --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 11l4 4m0 -4l-4 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/folder-x -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2" /><path d="M10 11l4 4m0 -4l-4 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">folder-x</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="folder" title="folder" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/folder --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/folder -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">folder</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="folders" title="folders" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/folders --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 4h3l2 2h5a2 2 0 0 1 2 2v7a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2h2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/folders -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 4h3l2 2h5a2 2 0 0 1 2 2v7a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2" /><path d="M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2h2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">folders</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="forbid-2" title="forbid-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/forbid-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/forbid-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="15" x2="15" y2="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">forbid-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="forbid" title="forbid" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/forbid --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/forbid -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="9" x2="15" y2="15" /></svg>
|
|
<div class="mt-1 text-muted text-h5">forbid</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="forklift" title="forklift" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/forklift --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"14"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 17v-6h13v6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 11v-4h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 11v-6h4l3 6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M22 15h-3v-10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/forklift -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="17" r="2" /><circle cx="14" cy="17" r="2" /><line x1="7" y1="17" x2="12" y2="17" /><path d="M3 17v-6h13v6" /><path d="M5 11v-4h4" /><path d="M9 11v-6h4l3 6" /><path d="M22 15h-3v-10" /><line x1="16" y1="13" x2="19" y2="13" /></svg>
|
|
<div class="mt-1 text-muted text-h5">forklift</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="forms" title="forms" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/forms --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3a3 3 0 0 0 -3 3v12a3 3 0 0 0 3 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 3a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 7h7a1 1 0 0 1 1 1v8a1 1 0 0 1 -1 1h-7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 7h-1a1 1 0 0 0 -1 1v8a1 1 0 0 0 1 1h1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 12h.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 12h.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/forms -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3a3 3 0 0 0 -3 3v12a3 3 0 0 0 3 3" /><path d="M6 3a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3" /><path d="M13 7h7a1 1 0 0 1 1 1v8a1 1 0 0 1 -1 1h-7" /><path d="M5 7h-1a1 1 0 0 0 -1 1v8a1 1 0 0 0 1 1h1" /><path d="M17 12h.01" /><path d="M13 12h.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">forms</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="frame" title="frame" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/frame --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/frame -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="7" x2="20" y2="7" /><line x1="4" y1="17" x2="20" y2="17" /><line x1="7" y1="4" x2="7" y2="20" /><line x1="17" y1="4" x2="17" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">frame</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="friends" title="friends" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/friends --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"7"</span> <span class="na">cy=</span><span class="s">"5"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 22v-5l-1 -1v-4a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4l-1 1v5"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"5"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 22v-4h-2l2 -6a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1l2 6h-2v4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/friends -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="5" r="2" /><path d="M5 22v-5l-1 -1v-4a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4l-1 1v5" /><circle cx="17" cy="5" r="2" /><path d="M15 22v-4h-2l2 -6a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1l2 6h-2v4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">friends</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="gas-station" title="gas-station" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/gas-station --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 11h1a2 2 0 0 1 2 2v3a1.5 1.5 0 0 0 3 0v-7l-3 -3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 20v-14a2 2 0 0 1 2 -2h6a2 2 0 0 1 2 2v14"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 7v1a1 1 0 0 0 1 1h1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/gas-station -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 11h1a2 2 0 0 1 2 2v3a1.5 1.5 0 0 0 3 0v-7l-3 -3" /><path d="M4 20v-14a2 2 0 0 1 2 -2h6a2 2 0 0 1 2 2v14" /><line x1="3" y1="20" x2="15" y2="20" /><path d="M18 7v1a1 1 0 0 0 1 1h1" /><line x1="4" y1="11" x2="14" y2="11" /></svg>
|
|
<div class="mt-1 text-muted text-h5">gas-station</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="gauge" title="gauge" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/gauge --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13.41"</span> <span class="na">y1=</span><span class="s">"10.59"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 12a5 5 0 0 1 5 -5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/gauge -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><circle cx="12" cy="12" r="1" /><line x1="13.41" y1="10.59" x2="16" y2="8" /><path d="M7 12a5 5 0 0 1 5 -5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">gauge</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="geometry" title="geometry" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/geometry --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 21l4 -12m2 0l1.48 4.439m.949 2.847l1.571 4.714"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"7"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 12c1.526 2.955 4.588 5 8 5c3.41 0 6.473 -2.048 8 -5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 5v-2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/geometry -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 21l4 -12m2 0l1.48 4.439m.949 2.847l1.571 4.714" /><circle cx="12" cy="7" r="2" /><path d="M4 12c1.526 2.955 4.588 5 8 5c3.41 0 6.473 -2.048 8 -5" /><path d="M12 5v-2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">geometry</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="ghost" title="ghost" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/ghost --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"10.01"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"14.01"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 14a3.5 3.5 0 0 0 4 0"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/ghost -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
|
|
<div class="mt-1 text-muted text-h5">ghost</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="gift" title="gift" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/gift --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"8"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 12v7a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7.5 8a2.5 2.5 0 0 1 0 -5a4.8 8 0 0 1 4.5 5a4.8 8 0 0 1 4.5 -5a2.5 2.5 0 0 1 0 5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/gift -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="8" width="18" height="4" rx="1" /><line x1="12" y1="8" x2="12" y2="21" /><path d="M19 12v7a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-7" /><path d="M7.5 8a2.5 2.5 0 0 1 0 -5a4.8 8 0 0 1 4.5 5a4.8 8 0 0 1 4.5 -5a2.5 2.5 0 0 1 0 5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">gift</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="git-branch" title="git-branch" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/git-branch --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"7"</span> <span class="na">cy=</span><span class="s">"18"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"7"</span> <span class="na">cy=</span><span class="s">"6"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"6"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 18h6a2 2 0 0 0 2 -2v-5"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"14 14 17 11 20 14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/git-branch -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">git-branch</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="git-commit" title="git-commit" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/git-commit --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/git-commit -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3" /><line x1="12" y1="3" x2="12" y2="9" /><line x1="12" y1="15" x2="12" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">git-commit</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="git-compare" title="git-compare" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/git-compare --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6"</span> <span class="na">cy=</span><span class="s">"6"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"18"</span> <span class="na">cy=</span><span class="s">"18"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 6h5a2 2 0 0 1 2 2v8"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"14 9 11 6 14 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 18h-5a2 2 0 0 1 -2 -2v-8"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"10 15 13 18 10 21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/git-compare -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="6" r="2" /><circle cx="18" cy="18" r="2" /><path d="M11 6h5a2 2 0 0 1 2 2v8" /><polyline points="14 9 11 6 14 3" /><path d="M13 18h-5a2 2 0 0 1 -2 -2v-8" /><polyline points="10 15 13 18 10 21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">git-compare</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="git-fork" title="git-fork" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/git-fork --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"18"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"7"</span> <span class="na">cy=</span><span class="s">"6"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"6"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 8v2a2 2 0 0 0 2 2h6a2 2 0 0 0 2 -2v-2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/git-fork -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><path d="M7 8v2a2 2 0 0 0 2 2h6a2 2 0 0 0 2 -2v-2" /><line x1="12" y1="12" x2="12" y2="16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">git-fork</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="git-merge" title="git-merge" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/git-merge --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"7"</span> <span class="na">cy=</span><span class="s">"18"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"7"</span> <span class="na">cy=</span><span class="s">"6"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 8a4 4 0 0 0 4 4h4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/git-merge -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="12" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M7 8a4 4 0 0 0 4 4h4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">git-merge</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="git-pull-request" title="git-pull-request" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/git-pull-request --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6"</span> <span class="na">cy=</span><span class="s">"18"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6"</span> <span class="na">cy=</span><span class="s">"6"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"18"</span> <span class="na">cy=</span><span class="s">"18"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 6h5a2 2 0 0 1 2 2v8"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"14 9 11 6 14 3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/git-pull-request -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="18" r="2" /><circle cx="6" cy="6" r="2" /><circle cx="18" cy="18" r="2" /><line x1="6" y1="8" x2="6" y2="16" /><path d="M11 6h5a2 2 0 0 1 2 2v8" /><polyline points="14 9 11 6 14 3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">git-pull-request</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="glass-full" title="glass-full" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/glass-full --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 3l1 7c0 3.012 -2.686 5 -6 5s-6 -1.988 -6 -5l1 -7h10z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 10a5.001 5.001 0 0 1 6 0a5.001 5.001 0 0 0 6 0"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/glass-full -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="21" x2="16" y2="21" /><line x1="12" y1="15" x2="12" y2="21" /><path d="M17 3l1 7c0 3.012 -2.686 5 -6 5s-6 -1.988 -6 -5l1 -7h10z" /><path d="M6 10a5.001 5.001 0 0 1 6 0a5.001 5.001 0 0 0 6 0" /></svg>
|
|
<div class="mt-1 text-muted text-h5">glass-full</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="glass-off" title="glass-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/glass-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 3h10l1 7a4.511 4.511 0 0 1 -1.053 2.94m-2.386 1.625a7.48 7.48 0 0 1 -2.561 .435c-3.314 0 -6 -1.988 -6 -5l.5 -3.495"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/glass-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="21" x2="16" y2="21" /><line x1="12" y1="15" x2="12" y2="21" /><path d="M7 3h10l1 7a4.511 4.511 0 0 1 -1.053 2.94m-2.386 1.625a7.48 7.48 0 0 1 -2.561 .435c-3.314 0 -6 -1.988 -6 -5l.5 -3.495" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">glass-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="glass" title="glass" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/glass --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 3l1 7c0 3.012 -2.686 5 -6 5s-6 -1.988 -6 -5l1 -7h10z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/glass -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="21" x2="16" y2="21" /><line x1="12" y1="15" x2="12" y2="21" /><path d="M17 3l1 7c0 3.012 -2.686 5 -6 5s-6 -1.988 -6 -5l1 -7h10z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">glass</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="globe" title="globe" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/globe --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"10"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6.75 16a8.015 8.015 0 1 0 9.25 -13"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"22"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"22"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"22"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/globe -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="10" r="4" /><path d="M6.75 16a8.015 8.015 0 1 0 9.25 -13" /><line x1="12" y1="18" x2="12" y2="22" /><line x1="8" y1="22" x2="16" y2="22" /></svg>
|
|
<div class="mt-1 text-muted text-h5">globe</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="golf" title="golf" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/golf --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 18v-15l7 4l-7 4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 17.67c-.62 .36 -1 .82 -1 1.33c0 1.1 1.8 2 4 2s4 -.9 4 -2c0 -.5 -.38 -.97 -1 -1.33"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/golf -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 18v-15l7 4l-7 4" /><path d="M9 17.67c-.62 .36 -1 .82 -1 1.33c0 1.1 1.8 2 4 2s4 -.9 4 -2c0 -.5 -.38 -.97 -1 -1.33" /></svg>
|
|
<div class="mt-1 text-muted text-h5">golf</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="gps" title="gps" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/gps --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 17l-1 -4l-4 -1l9 -4z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/gps -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M12 17l-1 -4l-4 -1l9 -4z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">gps</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="grain" title="grain" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/grain --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"4.5"</span> <span class="na">cy=</span><span class="s">"9.5"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"9.5"</span> <span class="na">cy=</span><span class="s">"4.5"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"9.5"</span> <span class="na">cy=</span><span class="s">"14.5"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"4.5"</span> <span class="na">cy=</span><span class="s">"19.5"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"14.5"</span> <span class="na">cy=</span><span class="s">"9.5"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"19.5"</span> <span class="na">cy=</span><span class="s">"4.5"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"14.5"</span> <span class="na">cy=</span><span class="s">"19.5"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"19.5"</span> <span class="na">cy=</span><span class="s">"14.5"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/grain -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="4.5" cy="9.5" r="1" /><circle cx="9.5" cy="4.5" r="1" /><circle cx="9.5" cy="14.5" r="1" /><circle cx="4.5" cy="19.5" r="1" /><circle cx="14.5" cy="9.5" r="1" /><circle cx="19.5" cy="4.5" r="1" /><circle cx="14.5" cy="19.5" r="1" /><circle cx="19.5" cy="14.5" r="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">grain</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="grid-dots" title="grid-dots" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/grid-dots --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5"</span> <span class="na">cy=</span><span class="s">"5"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"5"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"19"</span> <span class="na">cy=</span><span class="s">"5"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"19"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"19"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/grid-dots -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="5" r="1" /><circle cx="12" cy="5" r="1" /><circle cx="19" cy="5" r="1" /><circle cx="5" cy="12" r="1" /><circle cx="12" cy="12" r="1" /><circle cx="19" cy="12" r="1" /><circle cx="5" cy="19" r="1" /><circle cx="12" cy="19" r="1" /><circle cx="19" cy="19" r="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">grid-dots</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="grip-horizontal" title="grip-horizontal" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/grip-horizontal --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5"</span> <span class="na">cy=</span><span class="s">"9"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5"</span> <span class="na">cy=</span><span class="s">"15"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"9"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"15"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"19"</span> <span class="na">cy=</span><span class="s">"9"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"19"</span> <span class="na">cy=</span><span class="s">"15"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/grip-horizontal -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="9" r="1" /><circle cx="5" cy="15" r="1" /><circle cx="12" cy="9" r="1" /><circle cx="12" cy="15" r="1" /><circle cx="19" cy="9" r="1" /><circle cx="19" cy="15" r="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">grip-horizontal</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="grip-vertical" title="grip-vertical" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/grip-vertical --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"9"</span> <span class="na">cy=</span><span class="s">"5"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"9"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"9"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"15"</span> <span class="na">cy=</span><span class="s">"5"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"15"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"15"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/grip-vertical -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="5" r="1" /><circle cx="9" cy="12" r="1" /><circle cx="9" cy="19" r="1" /><circle cx="15" cy="5" r="1" /><circle cx="15" cy="12" r="1" /><circle cx="15" cy="19" r="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">grip-vertical</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="growth" title="growth" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/growth --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16.5 15a4.5 4.5 0 0 0 -4.5 4.5m4.5 -8.5a4.5 4.5 0 0 0 -4.5 4.5m4.5 -8.5a4.5 4.5 0 0 0 -4.5 4.5m-4 3.5c2.21 0 4 2.015 4 4.5m-4 -8.5c2.21 0 4 2.015 4 4.5m-4 -8.5c2.21 0 4 2.015 4 4.5m0 -7.5v6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/growth -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.5 15a4.5 4.5 0 0 0 -4.5 4.5m4.5 -8.5a4.5 4.5 0 0 0 -4.5 4.5m4.5 -8.5a4.5 4.5 0 0 0 -4.5 4.5m-4 3.5c2.21 0 4 2.015 4 4.5m-4 -8.5c2.21 0 4 2.015 4 4.5m-4 -8.5c2.21 0 4 2.015 4 4.5m0 -7.5v6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">growth</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="h-1" title="h-1" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/h-1 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 18v-8l-2 2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 6v12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 6v12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 18h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 18h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 12h8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 6h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 6h2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/h-1 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 18v-8l-2 2" /><path d="M4 6v12" /><path d="M12 6v12" /><path d="M11 18h2" /><path d="M3 18h2" /><path d="M4 12h8" /><path d="M3 6h2" /><path d="M11 6h2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">h-1</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="h-2" title="h-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/h-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 12a2 2 0 1 1 4 0c0 .591 -.417 1.318 -.816 1.858l-3.184 4.143l4 -.001"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 6v12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 6v12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 18h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 18h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 12h8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 6h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 6h2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/h-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 12a2 2 0 1 1 4 0c0 .591 -.417 1.318 -.816 1.858l-3.184 4.143l4 -.001" /><path d="M4 6v12" /><path d="M12 6v12" /><path d="M11 18h2" /><path d="M3 18h2" /><path d="M4 12h8" /><path d="M3 6h2" /><path d="M11 6h2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">h-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="h-3" title="h-3" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/h-3 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 14a2 2 0 1 0 -2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 16a2 2 0 1 0 2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 6v12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 6v12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 18h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 18h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 12h8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 6h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 6h2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/h-3 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 14a2 2 0 1 0 -2 -2" /><path d="M17 16a2 2 0 1 0 2 -2" /><path d="M4 6v12" /><path d="M12 6v12" /><path d="M11 18h2" /><path d="M3 18h2" /><path d="M4 12h8" /><path d="M3 6h2" /><path d="M11 6h2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">h-3</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="h-4" title="h-4" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/h-4 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 18v-8l-4 6h5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 6v12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 6v12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 18h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 18h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 12h8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 6h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 6h2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/h-4 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 18v-8l-4 6h5" /><path d="M4 6v12" /><path d="M12 6v12" /><path d="M11 18h2" /><path d="M3 18h2" /><path d="M4 12h8" /><path d="M3 6h2" /><path d="M11 6h2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">h-4</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="h-5" title="h-5" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/h-5 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 18h2a2 2 0 1 0 0 -4h-2v-4h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 6v12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 6v12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 18h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 18h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 12h8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 6h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 6h2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/h-5 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 18h2a2 2 0 1 0 0 -4h-2v-4h4" /><path d="M4 6v12" /><path d="M12 6v12" /><path d="M11 18h2" /><path d="M3 18h2" /><path d="M4 12h8" /><path d="M3 6h2" /><path d="M11 6h2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">h-5</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="h-6" title="h-6" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/h-6 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">transform=</span><span class="s">"rotate(180 19 16)"</span> <span class="na">cx=</span><span class="s">"19"</span> <span class="na">cy=</span><span class="s">"16"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 12a2 2 0 1 0 -4 0v4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 6v12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 6v12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 18h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 18h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 12h8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 6h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 6h2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/h-6 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle transform="rotate(180 19 16)" cx="19" cy="16" r="2" /><path d="M21 12a2 2 0 1 0 -4 0v4" /><path d="M4 6v12" /><path d="M12 6v12" /><path d="M11 18h2" /><path d="M3 18h2" /><path d="M4 12h8" /><path d="M3 6h2" /><path d="M11 6h2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">h-6</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="hand-finger" title="hand-finger" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/hand-finger --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 13v-8.5a1.5 1.5 0 0 1 3 0v7.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 11.5v-2a1.5 1.5 0 1 1 3 0v2.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 10.5a1.5 1.5 0 0 1 3 0v1.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 11.5a1.5 1.5 0 0 1 3 0v4.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7a69.74 69.74 0 0 1 -.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/hand-finger -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 13v-8.5a1.5 1.5 0 0 1 3 0v7.5" /><path d="M11 11.5v-2a1.5 1.5 0 1 1 3 0v2.5" /><path d="M14 10.5a1.5 1.5 0 0 1 3 0v1.5" /><path d="M17 11.5a1.5 1.5 0 0 1 3 0v4.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7a69.74 69.74 0 0 1 -.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47" /></svg>
|
|
<div class="mt-1 text-muted text-h5">hand-finger</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="hand-little-finger" title="hand-little-finger" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/hand-little-finger --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 13v-2.5a1.5 1.5 0 0 1 3 0v1.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 11.5v-1a1.5 1.5 0 0 1 3 0v1.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 12v-5.5a1.5 1.5 0 0 1 3 0v9.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7a69.74 69.74 0 0 1 -.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 10.5a1.5 1.5 0 0 1 3 0v1.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/hand-little-finger -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 13v-2.5a1.5 1.5 0 0 1 3 0v1.5" /><path d="M11 11.5v-1a1.5 1.5 0 0 1 3 0v1.5" /><path d="M17 12v-5.5a1.5 1.5 0 0 1 3 0v9.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7a69.74 69.74 0 0 1 -.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47" /><path d="M14 10.5a1.5 1.5 0 0 1 3 0v1.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">hand-little-finger</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="hand-middle-finger" title="hand-middle-finger" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/hand-middle-finger --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 13v-2.5a1.5 1.5 0 0 1 3 0v1.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 10.5a1.5 1.5 0 0 1 3 0v1.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 11.5a1.5 1.5 0 0 1 3 0v4.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7a69.74 69.74 0 0 1 -.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 11.5v-8a1.5 1.5 0 1 1 3 0v8.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/hand-middle-finger -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 13v-2.5a1.5 1.5 0 0 1 3 0v1.5" /><path d="M14 10.5a1.5 1.5 0 0 1 3 0v1.5" /><path d="M17 11.5a1.5 1.5 0 0 1 3 0v4.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7a69.74 69.74 0 0 1 -.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47" /><path d="M11 11.5v-8a1.5 1.5 0 1 1 3 0v8.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">hand-middle-finger</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="hand-off" title="hand-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/hand-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 13.5v-5.5m.44 -3.562a1.5 1.5 0 0 1 2.56 1.062v1.5m0 4.008v.992m0 -6.5v-2a1.5 1.5 0 1 1 3 0v6.5m0 -4.5a1.5 1.5 0 0 1 3 0v6.5m0 -4.5a1.5 1.5 0 0 1 3 0v8.5a6 6 0 0 1 -6 6h-2c-2.114 -.292 -3.956 -1.397 -5 -3l-2.7 -5.25a1.7 1.7 0 0 1 2.75 -2l.9 1.75"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/hand-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M8 13.5v-5.5m.44 -3.562a1.5 1.5 0 0 1 2.56 1.062v1.5m0 4.008v.992m0 -6.5v-2a1.5 1.5 0 1 1 3 0v6.5m0 -4.5a1.5 1.5 0 0 1 3 0v6.5m0 -4.5a1.5 1.5 0 0 1 3 0v8.5a6 6 0 0 1 -6 6h-2c-2.114 -.292 -3.956 -1.397 -5 -3l-2.7 -5.25a1.7 1.7 0 0 1 2.75 -2l.9 1.75" /></svg>
|
|
<div class="mt-1 text-muted text-h5">hand-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="hand-ring-finger" title="hand-ring-finger" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/hand-ring-finger --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 13v-2.5a1.5 1.5 0 0 1 3 0v1.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 11.5a1.5 1.5 0 0 1 3 0v4.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7a69.74 69.74 0 0 1 -.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 11.5v-2a1.5 1.5 0 1 1 3 0v2.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 12v-6.5a1.5 1.5 0 0 1 3 0v6.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/hand-ring-finger -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 13v-2.5a1.5 1.5 0 0 1 3 0v1.5" /><path d="M17 11.5a1.5 1.5 0 0 1 3 0v4.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7a69.74 69.74 0 0 1 -.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47" /><path d="M11 11.5v-2a1.5 1.5 0 1 1 3 0v2.5" /><path d="M14 12v-6.5a1.5 1.5 0 0 1 3 0v6.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">hand-ring-finger</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="hand-rock" title="hand-rock" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/hand-rock --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 11.5v-1a1.5 1.5 0 0 1 3 0v1.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 12v-6.5a1.5 1.5 0 0 1 3 0v10.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7a69.74 69.74 0 0 1 -.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 10.5a1.5 1.5 0 0 1 3 0v1.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 13v-8.5a1.5 1.5 0 0 1 3 0v7.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/hand-rock -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 11.5v-1a1.5 1.5 0 0 1 3 0v1.5" /><path d="M17 12v-6.5a1.5 1.5 0 0 1 3 0v10.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7a69.74 69.74 0 0 1 -.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47" /><path d="M14 10.5a1.5 1.5 0 0 1 3 0v1.5" /><path d="M8 13v-8.5a1.5 1.5 0 0 1 3 0v7.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">hand-rock</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="hand-stop" title="hand-stop" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/hand-stop --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 13v-7.5a1.5 1.5 0 0 1 3 0v6.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 5.5v-2a1.5 1.5 0 1 1 3 0v8.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 5.5a1.5 1.5 0 0 1 3 0v6.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 7.5a1.5 1.5 0 0 1 3 0v8.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7a69.74 69.74 0 0 1 -.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/hand-stop -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 13v-7.5a1.5 1.5 0 0 1 3 0v6.5" /><path d="M11 5.5v-2a1.5 1.5 0 1 1 3 0v8.5" /><path d="M14 5.5a1.5 1.5 0 0 1 3 0v6.5" /><path d="M17 7.5a1.5 1.5 0 0 1 3 0v8.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7a69.74 69.74 0 0 1 -.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47" /></svg>
|
|
<div class="mt-1 text-muted text-h5">hand-stop</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="hand-three-fingers" title="hand-three-fingers" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/hand-three-fingers --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 13v-8.5a1.5 1.5 0 0 1 3 0v7.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 11.5a1.5 1.5 0 0 1 3 0v4.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7a69.74 69.74 0 0 1 -.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 5.5v-2a1.5 1.5 0 1 1 3 0v8.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 5.5a1.5 1.5 0 0 1 3 0v6.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/hand-three-fingers -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 13v-8.5a1.5 1.5 0 0 1 3 0v7.5" /><path d="M17 11.5a1.5 1.5 0 0 1 3 0v4.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7a69.74 69.74 0 0 1 -.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47" /><path d="M11 5.5v-2a1.5 1.5 0 1 1 3 0v8.5" /><path d="M14 5.5a1.5 1.5 0 0 1 3 0v6.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">hand-three-fingers</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="hand-two-fingers" title="hand-two-fingers" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/hand-two-fingers --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 13v-8.5a1.5 1.5 0 0 1 3 0v7.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 11.5a1.5 1.5 0 0 1 3 0v4.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7a69.74 69.74 0 0 1 -.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 10.5a1.5 1.5 0 0 1 3 0v1.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 5.5v-2a1.5 1.5 0 1 1 3 0v8.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/hand-two-fingers -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 13v-8.5a1.5 1.5 0 0 1 3 0v7.5" /><path d="M17 11.5a1.5 1.5 0 0 1 3 0v4.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7a69.74 69.74 0 0 1 -.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47" /><path d="M14 10.5a1.5 1.5 0 0 1 3 0v1.5" /><path d="M11 5.5v-2a1.5 1.5 0 1 1 3 0v8.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">hand-two-fingers</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="hanger" title="hanger" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/hanger --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 7a3 3 0 1 0 -3 3v2m0 0l-8.624 5.488a0.82 .82 0 0 0 .44 1.512h16.368a0.82 .82 0 0 0 .44 -1.512l-8.624 -5.488z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/hanger -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 7a3 3 0 1 0 -3 3v2m0 0l-8.624 5.488a0.82 .82 0 0 0 .44 1.512h16.368a0.82 .82 0 0 0 .44 -1.512l-8.624 -5.488z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">hanger</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="hash" title="hash" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/hash --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"11"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/hash -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="9" x2="19" y2="9" /><line x1="5" y1="15" x2="19" y2="15" /><line x1="11" y1="4" x2="7" y2="20" /><line x1="17" y1="4" x2="13" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">hash</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="heading" title="heading" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/heading --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 12h10"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 4v16"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 4v16"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 20h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 4h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 20h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 4h4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/heading -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 12h10" /><path d="M7 4v16" /><path d="M17 4v16" /><path d="M15 20h4" /><path d="M15 4h4" /><path d="M5 20h4" /><path d="M5 4h4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">heading</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="headphones-off" title="headphones-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/headphones-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"13"</span> <span class="na">width=</span><span class="s">"5"</span> <span class="na">height=</span><span class="s">"7"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 13h1a2 2 0 0 1 2 2v1m-.589 3.417c-.361 .36 -.86 .583 -1.411 .583h-1a2 2 0 0 1 -2 -2v-3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 15v-3c0 -2.21 .896 -4.21 2.344 -5.658m2.369 -1.638a8 8 0 0 1 11.287 7.296v3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/headphones-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><rect x="4" y="13" width="5" height="7" rx="2" /><path d="M17 13h1a2 2 0 0 1 2 2v1m-.589 3.417c-.361 .36 -.86 .583 -1.411 .583h-1a2 2 0 0 1 -2 -2v-3" /><path d="M4 15v-3c0 -2.21 .896 -4.21 2.344 -5.658m2.369 -1.638a8 8 0 0 1 11.287 7.296v3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">headphones-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="headphones" title="headphones" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/headphones --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"13"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="na">width=</span><span class="s">"5"</span> <span class="na">height=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"15"</span> <span class="na">y=</span><span class="s">"13"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="na">width=</span><span class="s">"5"</span> <span class="na">height=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 15v-3a8 8 0 0 1 16 0v3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/headphones -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="13" rx="2" width="5" height="7" /><rect x="15" y="13" rx="2" width="5" height="7" /><path d="M4 15v-3a8 8 0 0 1 16 0v3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">headphones</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="headset" title="headset" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/headset --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"13"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="na">width=</span><span class="s">"4"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"16"</span> <span class="na">y=</span><span class="s">"13"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="na">width=</span><span class="s">"4"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 15v-3a8 8 0 0 1 16 0v3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 19a6 3 0 0 1 -6 3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/headset -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="13" rx="2" width="4" height="6" /><rect x="16" y="13" rx="2" width="4" height="6" /><path d="M4 15v-3a8 8 0 0 1 16 0v3" /><path d="M18 19a6 3 0 0 1 -6 3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">headset</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="heart-broken" title="heart-broken" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/heart-broken --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19.5 13.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7l-2 4l4 3l-2 4v3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/heart-broken -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /><path d="M12 7l-2 4l4 3l-2 4v3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">heart-broken</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="heart" title="heart" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/heart --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/heart -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
|
<div class="mt-1 text-muted text-h5">heart</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="helicopter-landing" title="helicopter-landing" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/helicopter-landing --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/helicopter-landing -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="9" y1="8" x2="9" y2="16" /><line x1="9" y1="12" x2="15" y2="12" /><line x1="15" y1="8" x2="15" y2="16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">helicopter-landing</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="helicopter" title="helicopter" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/helicopter --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 10l1 2h6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 9a2 2 0 0 0 -2 2v3c0 1.1 .9 2 2 2h7a2 2 0 0 0 2 -2c0 -3.31 -3.13 -5 -7 -5h-2z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 9.1v3.9h5.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"11"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/helicopter -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 10l1 2h6" /><path d="M12 9a2 2 0 0 0 -2 2v3c0 1.1 .9 2 2 2h7a2 2 0 0 0 2 -2c0 -3.31 -3.13 -5 -7 -5h-2z" /><line x1="13" y1="9" x2="13" y2="6" /><line x1="5" y1="6" x2="20" y2="6" /><path d="M15 9.1v3.9h5.5" /><line x1="15" y1="19" x2="15" y2="16" /><line x1="19" y1="19" x2="11" y2="19" /></svg>
|
|
<div class="mt-1 text-muted text-h5">helicopter</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="help" title="help" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/help --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"17.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 13.5a1.5 1.5 0 0 1 1 -1.5a2.6 2.6 0 1 0 -3 -4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/help -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="12" y1="17" x2="12" y2="17.01" /><path d="M12 13.5a1.5 1.5 0 0 1 1 -1.5a2.6 2.6 0 1 0 -3 -4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">help</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="hexagon-off" title="hexagon-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/hexagon-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8.693 4.69l2.336 -1.39a2.056 2.056 0 0 1 2 0l6 3.573h-.029a2 2 0 0 1 1 1.747v6.536c0 .246 -.045 .485 -.13 .707m-2.16 1.847l-4.739 3.027a2 2 0 0 1 -1.942 0l-6 -3.833a2 2 0 0 1 -1.029 -1.747v-6.537a2 2 0 0 1 1.029 -1.748l1.154 -.687"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 3l18 18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/hexagon-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8.693 4.69l2.336 -1.39a2.056 2.056 0 0 1 2 0l6 3.573h-.029a2 2 0 0 1 1 1.747v6.536c0 .246 -.045 .485 -.13 .707m-2.16 1.847l-4.739 3.027a2 2 0 0 1 -1.942 0l-6 -3.833a2 2 0 0 1 -1.029 -1.747v-6.537a2 2 0 0 1 1.029 -1.748l1.154 -.687" /><path d="M3 3l18 18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">hexagon-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="hexagon" title="hexagon" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/hexagon --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 6.873a2 2 0 0 1 1 1.747v6.536a2 2 0 0 1 -1.029 1.748l-6 3.833a2 2 0 0 1 -1.942 0l-6 -3.833a2 2 0 0 1 -1.029 -1.747v-6.537a2 2 0 0 1 1.029 -1.748l6 -3.572a2.056 2.056 0 0 1 2 0l6 3.573z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/hexagon -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 6.873a2 2 0 0 1 1 1.747v6.536a2 2 0 0 1 -1.029 1.748l-6 3.833a2 2 0 0 1 -1.942 0l-6 -3.833a2 2 0 0 1 -1.029 -1.747v-6.537a2 2 0 0 1 1.029 -1.748l6 -3.572a2.056 2.056 0 0 1 2 0l6 3.573z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">hexagon</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="hierarchy-2" title="hierarchy-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/hierarchy-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 3h4v4h-4z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 17h4v4h-4z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 17h4v4h-4z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 17l5 -4l5 4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/hierarchy-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 3h4v4h-4z" /><path d="M3 17h4v4h-4z" /><path d="M17 17h4v4h-4z" /><path d="M7 17l5 -4l5 4" /><line x1="12" y1="7" x2="12" y2="13" /></svg>
|
|
<div class="mt-1 text-muted text-h5">hierarchy-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="hierarchy" title="hierarchy" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/hierarchy --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"5"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"19"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6.5 17.5l5.5 -4.5l5.5 4.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/hierarchy -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="5" r="2" /><circle cx="5" cy="19" r="2" /><circle cx="19" cy="19" r="2" /><path d="M6.5 17.5l5.5 -4.5l5.5 4.5" /><line x1="12" y1="7" x2="12" y2="13" /></svg>
|
|
<div class="mt-1 text-muted text-h5">hierarchy</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="history" title="history" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/history --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"12 8 12 12 14 14"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/history -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 8 12 12 14 14" /><path d="M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">history</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="home-2" title="home-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/home-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"5 12 3 12 12 3 21 12 19 12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"10"</span> <span class="na">y=</span><span class="s">"12"</span> <span class="na">width=</span><span class="s">"4"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/home-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><rect x="10" y="12" width="4" height="4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">home-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="home" title="home" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/home --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"5 12 3 12 12 3 21 12 19 12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/home -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">home</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="ice-cream-2" title="ice-cream-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/ice-cream-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17.657 11.004a6 6 0 1 0 -11.315 -.002"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6.342 11l5.658 11l5.657 -10.996z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/ice-cream-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.657 11.004a6 6 0 1 0 -11.315 -.002" /><path d="M6.342 11l5.658 11l5.657 -10.996z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">ice-cream-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="ice-cream" title="ice-cream" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/ice-cream --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 21.5v-4.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 17h8v-10a4 4 0 1 0 -8 0v10z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 10.5l8 -3.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 14.5l8 -3.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/ice-cream -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 21.5v-4.5" /><path d="M8 17h8v-10a4 4 0 1 0 -8 0v10z" /><path d="M8 10.5l8 -3.5" /><path d="M8 14.5l8 -3.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">ice-cream</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="id" title="id" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/id --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"9"</span> <span class="na">cy=</span><span class="s">"10"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/id -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="4" width="18" height="16" rx="3" /><circle cx="9" cy="10" r="2" /><line x1="15" y1="8" x2="17" y2="8" /><line x1="15" y1="12" x2="17" y2="12" /><line x1="7" y1="16" x2="17" y2="16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">id</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="inbox" title="inbox" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/inbox --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 13h3l3 3h4l3 -3h3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/inbox -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M4 13h3l3 3h4l3 -3h3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">inbox</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="indent-decrease" title="indent-decrease" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/indent-decrease --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"11"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 8l-4 4l4 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/indent-decrease -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="20" y1="6" x2="13" y2="6" /><line x1="20" y1="12" x2="11" y2="12" /><line x1="20" y1="18" x2="13" y2="18" /><path d="M8 8l-4 4l4 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">indent-decrease</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="indent-increase" title="indent-increase" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/indent-increase --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 8l4 4l-4 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/indent-increase -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="20" y1="6" x2="9" y2="6" /><line x1="20" y1="12" x2="13" y2="12" /><line x1="20" y1="18" x2="9" y2="18" /><path d="M4 8l4 4l-4 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">indent-increase</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="infinity" title="infinity" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/infinity --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.828 9.172a4 4 0 1 0 0 5.656a10 10 0 0 0 2.172 -2.828a10 10 0 0 1 2.172 -2.828a4 4 0 1 1 0 5.656a10 10 0 0 1 -2.172 -2.828a10 10 0 0 0 -2.172 -2.828"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/infinity -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9.828 9.172a4 4 0 1 0 0 5.656a10 10 0 0 0 2.172 -2.828a10 10 0 0 1 2.172 -2.828a4 4 0 1 1 0 5.656a10 10 0 0 1 -2.172 -2.828a10 10 0 0 0 -2.172 -2.828" /></svg>
|
|
<div class="mt-1 text-muted text-h5">infinity</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="info-circle" title="info-circle" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/info-circle --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"12.01"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"11 12 12 12 12 16 13 16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/info-circle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="12" y1="8" x2="12.01" y2="8" /><polyline points="11 12 12 12 12 16 13 16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">info-circle</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="info-square" title="info-square" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/info-square --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"12.01"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"11 12 12 12 12 16 13 16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/info-square -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="8" x2="12.01" y2="8" /><rect x="4" y="4" width="16" height="16" rx="2" /><polyline points="11 12 12 12 12 16 13 16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">info-square</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="italic" title="italic" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/italic --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"11"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/italic -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="11" y1="5" x2="17" y2="5" /><line x1="7" y1="19" x2="13" y2="19" /><line x1="14" y1="5" x2="10" y2="19" /></svg>
|
|
<div class="mt-1 text-muted text-h5">italic</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="jump-rope" title="jump-rope" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/jump-rope --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 14v-6a3 3 0 1 1 6 0v8a3 3 0 0 0 6 0v-6"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"16"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"4"</span> <span class="na">height=</span><span class="s">"7"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"14"</span> <span class="na">width=</span><span class="s">"4"</span> <span class="na">height=</span><span class="s">"7"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/jump-rope -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 14v-6a3 3 0 1 1 6 0v8a3 3 0 0 0 6 0v-6" /><rect x="16" y="3" width="4" height="7" rx="2" /><rect x="4" y="14" width="4" height="7" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">jump-rope</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="karate" title="karate" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/karate --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"18"</span> <span class="na">cy=</span><span class="s">"4"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 9l4.5 1l3 2.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 21v-8l3 -5.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 4.5l4 2l4 1l4 3.5l-2 3.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/karate -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="18" cy="4" r="1" /><path d="M3 9l4.5 1l3 2.5" /><path d="M13 21v-8l3 -5.5" /><path d="M8 4.5l4 2l4 1l4 3.5l-2 3.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">karate</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="key" title="key" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/key --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"8"</span> <span class="na">cy=</span><span class="s">"15"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10.85"</span> <span class="na">y1=</span><span class="s">"12.15"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/key -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="8" cy="15" r="4" /><line x1="10.85" y1="12.15" x2="19" y2="4" /><line x1="18" y1="5" x2="20" y2="7" /><line x1="15" y1="8" x2="17" y2="10" /></svg>
|
|
<div class="mt-1 text-muted text-h5">key</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="keyboard-hide" title="keyboard-hide" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/keyboard-hide --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"2"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"20"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"11.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"11.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 21l2 -2l2 2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/keyboard-hide -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="2" y="3" width="20" height="12" rx="2" /><line x1="6" y1="7" x2="6" y2="7" /><line x1="10" y1="7" x2="10" y2="7" /><line x1="14" y1="7" x2="14" y2="7" /><line x1="18" y1="7" x2="18" y2="7" /><line x1="6" y1="11" x2="6" y2="11.01" /><line x1="18" y1="11" x2="18" y2="11.01" /><line x1="10" y1="11" x2="14" y2="11" /><path d="M10 21l2 -2l2 2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">keyboard-hide</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="keyboard-off" title="keyboard-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/keyboard-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 18h-14a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h2m4 0h10a2 2 0 0 1 2 2v8c0 .554 -.226 1.056 -.59 1.418"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"10.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"10.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"10.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"10.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"14.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"14.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/keyboard-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 18h-14a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h2m4 0h10a2 2 0 0 1 2 2v8c0 .554 -.226 1.056 -.59 1.418" /><line x1="6" y1="10" x2="6" y2="10.01" /><line x1="10" y1="10" x2="10" y2="10.01" /><line x1="14" y1="10" x2="14" y2="10.01" /><line x1="18" y1="10" x2="18" y2="10.01" /><line x1="6" y1="14" x2="6" y2="14.01" /><line x1="18" y1="14" x2="18" y2="14.01" /><line x1="10" y1="14" x2="14" y2="14" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">keyboard-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="keyboard-show" title="keyboard-show" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/keyboard-show --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"2"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"20"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"11.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"11.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 19l2 2l2 -2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/keyboard-show -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="2" y="3" width="20" height="12" rx="2" /><line x1="6" y1="7" x2="6" y2="7" /><line x1="10" y1="7" x2="10" y2="7" /><line x1="14" y1="7" x2="14" y2="7" /><line x1="18" y1="7" x2="18" y2="7" /><line x1="6" y1="11" x2="6" y2="11.01" /><line x1="18" y1="11" x2="18" y2="11.01" /><line x1="10" y1="11" x2="14" y2="11" /><path d="M10 19l2 2l2 -2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">keyboard-show</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="keyboard" title="keyboard" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/keyboard --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"2"</span> <span class="na">y=</span><span class="s">"6"</span> <span class="na">width=</span><span class="s">"20"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"14.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"14.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/keyboard -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="2" y="6" width="20" height="12" rx="2" /><line x1="6" y1="10" x2="6" y2="10" /><line x1="10" y1="10" x2="10" y2="10" /><line x1="14" y1="10" x2="14" y2="10" /><line x1="18" y1="10" x2="18" y2="10" /><line x1="6" y1="14" x2="6" y2="14.01" /><line x1="18" y1="14" x2="18" y2="14.01" /><line x1="10" y1="14" x2="14" y2="14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">keyboard</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="language" title="language" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/language --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 7h7m-2 -2v2a5 8 0 0 1 -5 8m1 -4a7 4 0 0 0 6.7 4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 19l4 -9l4 9m-.9 -2h-6.2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/language -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7h7m-2 -2v2a5 8 0 0 1 -5 8m1 -4a7 4 0 0 0 6.7 4" /><path d="M11 19l4 -9l4 9m-.9 -2h-6.2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">language</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="layers-difference" title="layers-difference" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/layers-difference --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 16v2a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h2v-2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-2"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"10 8 8 8 8 10"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"8 14 8 16 10 16"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"14 8 16 8 16 10"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"16 14 16 16 14 16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/layers-difference -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 16v2a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h2v-2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-2" /><polyline points="10 8 8 8 8 10" /><polyline points="8 14 8 16 10 16" /><polyline points="14 8 16 8 16 10" /><polyline points="16 14 16 16 14 16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">layers-difference</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="layers-intersect" title="layers-intersect" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/layers-intersect --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"8"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"12"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"8"</span> <span class="na">width=</span><span class="s">"12"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/layers-intersect -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="8" y="4" width="12" height="12" rx="2" /><rect x="4" y="8" width="12" height="12" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">layers-intersect</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="layers-linked" title="layers-linked" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/layers-linked --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 8.268a2 2 0 0 1 1 1.732v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5.003 15.734a2 2 0 0 1 -1.003 -1.734v-8a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/layers-linked -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 8.268a2 2 0 0 1 1 1.732v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h3" /><path d="M5.003 15.734a2 2 0 0 1 -1.003 -1.734v-8a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">layers-linked</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="layers-subtract" title="layers-subtract" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/layers-subtract --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"8"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"12"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 16v2a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/layers-subtract -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="8" y="4" width="12" height="12" rx="2" /><path d="M16 16v2a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">layers-subtract</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="layers-union" title="layers-union" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/layers-union --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 16v2a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h2v-2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/layers-union -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 16v2a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h2v-2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">layers-union</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="layout-2" title="layout-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/layout-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"5"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"13"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"7"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"14"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"7"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"14"</span> <span class="na">y=</span><span class="s">"15"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"5"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/layout-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">layout-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="layout-align-bottom" title="layout-align-bottom" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/layout-align-bottom --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"9"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/layout-align-bottom -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="20" x2="20" y2="20" /><rect x="9" y="4" width="6" height="12" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">layout-align-bottom</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="layout-align-center" title="layout-align-center" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/layout-align-center --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"6"</span> <span class="na">y=</span><span class="s">"9"</span> <span class="na">width=</span><span class="s">"12"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/layout-align-center -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="4" x2="12" y2="9" /><line x1="12" y1="15" x2="12" y2="20" /><rect x="6" y="9" width="12" height="6" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">layout-align-center</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="layout-align-left" title="layout-align-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/layout-align-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"8"</span> <span class="na">y=</span><span class="s">"9"</span> <span class="na">width=</span><span class="s">"12"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/layout-align-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="4" x2="4" y2="20" /><rect x="8" y="9" width="12" height="6" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">layout-align-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="layout-align-middle" title="layout-align-middle" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/layout-align-middle --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"9"</span> <span class="na">y=</span><span class="s">"6"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/layout-align-middle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="12" x2="9" y2="12" /><line x1="15" y1="12" x2="20" y2="12" /><rect x="9" y="6" width="6" height="12" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">layout-align-middle</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="layout-align-right" title="layout-align-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/layout-align-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"9"</span> <span class="na">width=</span><span class="s">"12"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/layout-align-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="20" y1="4" x2="20" y2="20" /><rect x="4" y="9" width="12" height="6" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">layout-align-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="layout-align-top" title="layout-align-top" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/layout-align-top --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"9"</span> <span class="na">y=</span><span class="s">"8"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/layout-align-top -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="4" x2="20" y2="4" /><rect x="9" y="8" width="6" height="12" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">layout-align-top</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="layout-bottombar" title="layout-bottombar" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/layout-bottombar --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/layout-bottombar -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="4" y1="15" x2="20" y2="15" /></svg>
|
|
<div class="mt-1 text-muted text-h5">layout-bottombar</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="layout-cards" title="layout-cards" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/layout-cards --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"14"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"10"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/layout-cards -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="16" rx="2" /><rect x="14" y="4" width="6" height="10" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">layout-cards</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="layout-columns" title="layout-columns" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/layout-columns --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/layout-columns -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="12" y1="4" x2="12" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">layout-columns</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="layout-distribute-horizontal" title="layout-distribute-horizontal" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/layout-distribute-horizontal --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"6"</span> <span class="na">y=</span><span class="s">"9"</span> <span class="na">width=</span><span class="s">"12"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/layout-distribute-horizontal -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="4" x2="20" y2="4" /><line x1="4" y1="20" x2="20" y2="20" /><rect x="6" y="9" width="12" height="6" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">layout-distribute-horizontal</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="layout-distribute-vertical" title="layout-distribute-vertical" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/layout-distribute-vertical --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"9"</span> <span class="na">y=</span><span class="s">"6"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/layout-distribute-vertical -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="4" x2="4" y2="20" /><line x1="20" y1="4" x2="20" y2="20" /><rect x="9" y="6" width="6" height="12" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">layout-distribute-vertical</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="layout-grid-add" title="layout-grid-add" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/layout-grid-add --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"14"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"14"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 17h6m-3 -3v6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/layout-grid-add -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="14" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><path d="M14 17h6m-3 -3v6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">layout-grid-add</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="layout-grid" title="layout-grid" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/layout-grid --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"14"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"14"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"14"</span> <span class="na">y=</span><span class="s">"14"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/layout-grid -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="14" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">layout-grid</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="layout-kanban" title="layout-kanban" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/layout-kanban --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"8"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"14"</span> <span class="na">y=</span><span class="s">"8"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/layout-kanban -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="4" x2="10" y2="4" /><line x1="14" y1="4" x2="20" y2="4" /><rect x="4" y="8" width="6" height="12" rx="2" /><rect x="14" y="8" width="6" height="6" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">layout-kanban</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="layout-list" title="layout-list" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/layout-list --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"14"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/layout-list -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="6" rx="2" /><rect x="4" y="14" width="16" height="6" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">layout-list</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="layout-navbar" title="layout-navbar" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/layout-navbar --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/layout-navbar -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="4" y1="9" x2="20" y2="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">layout-navbar</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="layout-rows" title="layout-rows" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/layout-rows --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/layout-rows -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="4" y1="12" x2="20" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">layout-rows</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="layout-sidebar-right" title="layout-sidebar-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/layout-sidebar-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/layout-sidebar-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="15" y1="4" x2="15" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">layout-sidebar-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="layout-sidebar" title="layout-sidebar" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/layout-sidebar --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/layout-sidebar -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="9" y1="4" x2="9" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">layout-sidebar</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="layout" title="layout" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/layout --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"5"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"13"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"7"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"14"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/layout -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="16" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">layout</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="leaf" title="leaf" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/leaf --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 21c.5 -4.5 2.5 -8 7 -10"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 18c6.218 0 10.5 -3.288 11 -12v-2h-4.014c-9 0 -11.986 4 -12 9c0 1 0 3 2 5h3z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/leaf -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 21c.5 -4.5 2.5 -8 7 -10" /><path d="M9 18c6.218 0 10.5 -3.288 11 -12v-2h-4.014c-9 0 -11.986 4 -12 9c0 1 0 3 2 5h3z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">leaf</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="lego" title="lego" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/lego --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9.5"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"9.51"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14.5"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"14.51"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.5 15a3.5 3.5 0 0 0 5 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 5h1v-2h8v2h1a3 3 0 0 1 3 3v9a3 3 0 0 1 -3 3v1h-10v-1a3 3 0 0 1 -3 -3v-9a3 3 0 0 1 3 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/lego -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9.5" y1="11" x2="9.51" y2="11" /><line x1="14.5" y1="11" x2="14.51" y2="11" /><path d="M9.5 15a3.5 3.5 0 0 0 5 0" /><path d="M7 5h1v-2h8v2h1a3 3 0 0 1 3 3v9a3 3 0 0 1 -3 3v1h-10v-1a3 3 0 0 1 -3 -3v-9a3 3 0 0 1 3 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">lego</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-a" title="letter-a" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-a --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 20v-12a4 4 0 0 1 4 -4h2a4 4 0 0 1 4 4v12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-a -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 20v-12a4 4 0 0 1 4 -4h2a4 4 0 0 1 4 4v12" /><line x1="7" y1="13" x2="17" y2="13" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-a</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-b" title="letter-b" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-b --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 20v-16h6a4 4 0 0 1 0 8a4 4 0 0 1 0 8h-6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-b -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 20v-16h6a4 4 0 0 1 0 8a4 4 0 0 1 0 8h-6" /><line x1="7" y1="12" x2="13" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-b</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-c" title="letter-c" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-c --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 9a5 5 0 0 0 -5 -5h-2a5 5 0 0 0 -5 5v6a5 5 0 0 0 5 5h2a5 5 0 0 0 5 -5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-c -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 9a5 5 0 0 0 -5 -5h-2a5 5 0 0 0 -5 5v6a5 5 0 0 0 5 5h2a5 5 0 0 0 5 -5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-c</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-case-lower" title="letter-case-lower" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-case-lower --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6.5"</span> <span class="na">cy=</span><span class="s">"15.5"</span> <span class="na">r=</span><span class="s">"3.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 12v7"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17.5"</span> <span class="na">cy=</span><span class="s">"15.5"</span> <span class="na">r=</span><span class="s">"3.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 12v7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-case-lower -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6.5" cy="15.5" r="3.5" /><path d="M10 12v7" /><circle cx="17.5" cy="15.5" r="3.5" /><path d="M21 12v7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-case-lower</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-case-toggle" title="letter-case-toggle" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-case-toggle --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6.5"</span> <span class="na">cy=</span><span class="s">"15.5"</span> <span class="na">r=</span><span class="s">"3.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 19v-10.5a3.5 3.5 0 0 1 7 0v10.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 13h7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 12v7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-case-toggle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6.5" cy="15.5" r="3.5" /><path d="M14 19v-10.5a3.5 3.5 0 0 1 7 0v10.5" /><path d="M14 13h7" /><path d="M10 12v7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-case-toggle</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-case-upper" title="letter-case-upper" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-case-upper --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 19v-10.5a3.5 3.5 0 0 1 7 0v10.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 13h7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 19v-10.5a3.5 3.5 0 0 1 7 0v10.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 13h7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-case-upper -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 19v-10.5a3.5 3.5 0 0 1 7 0v10.5" /><path d="M3 13h7" /><path d="M14 19v-10.5a3.5 3.5 0 0 1 7 0v10.5" /><path d="M14 13h7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-case-upper</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-case" title="letter-case" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-case --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17.5"</span> <span class="na">cy=</span><span class="s">"15.5"</span> <span class="na">r=</span><span class="s">"3.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 19v-10.5a3.5 3.5 0 0 1 7 0v10.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 13h7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 12v7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-case -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="17.5" cy="15.5" r="3.5" /><path d="M3 19v-10.5a3.5 3.5 0 0 1 7 0v10.5" /><path d="M3 13h7" /><path d="M21 12v7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-case</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-d" title="letter-d" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-d --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 4h6a5 5 0 0 1 5 5v6a5 5 0 0 1 -5 5h-6v-16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-d -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4h6a5 5 0 0 1 5 5v6a5 5 0 0 1 -5 5h-6v-16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-d</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-e" title="letter-e" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-e --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 4h-10v16h10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-e -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 4h-10v16h10" /><line x1="7" y1="12" x2="15" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-e</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-f" title="letter-f" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-f --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 4h-10v16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-f -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 4h-10v16" /><line x1="7" y1="12" x2="15" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-f</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-g" title="letter-g" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-g --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 9a5 5 0 0 0 -5 -5h-2a5 5 0 0 0 -5 5v6a5 5 0 0 0 5 5h2a5 5 0 0 0 5 -5v-2h-4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-g -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 9a5 5 0 0 0 -5 -5h-2a5 5 0 0 0 -5 5v6a5 5 0 0 0 5 5h2a5 5 0 0 0 5 -5v-2h-4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-g</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-h" title="letter-h" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-h --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-h -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="17" y1="4" x2="17" y2="20" /><line x1="7" y1="12" x2="17" y2="12" /><line x1="7" y1="4" x2="7" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-h</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-i" title="letter-i" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-i --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-i -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="4" x2="12" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-i</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-j" title="letter-j" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-j --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 4v12a4 4 0 0 1 -4 4h-2a4 4 0 0 1 -4 -4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-j -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 4v12a4 4 0 0 1 -4 4h-2a4 4 0 0 1 -4 -4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-j</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-k" title="letter-k" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-k --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 12h2l8 -8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-k -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7" y1="4" x2="7" y2="20" /><path d="M7 12h2l8 -8" /><line x1="9" y1="12" x2="17" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-k</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-l" title="letter-l" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-l --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 4v16h10"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-l -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4v16h10" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-l</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-m" title="letter-m" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-m --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 20v-16l6 14l6 -14v16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-m -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 20v-16l6 14l6 -14v16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-m</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-n" title="letter-n" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-n --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 20v-16l10 16v-16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-n -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 20v-16l10 16v-16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-n</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-o" title="letter-o" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-o --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 9a5 5 0 0 0 -5 -5h-2a5 5 0 0 0 -5 5v6a5 5 0 0 0 5 5h2a5 5 0 0 0 5 -5v-6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-o -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 9a5 5 0 0 0 -5 -5h-2a5 5 0 0 0 -5 5v6a5 5 0 0 0 5 5h2a5 5 0 0 0 5 -5v-6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-o</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-p" title="letter-p" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-p --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 20v-16h5.5a4 4 0 0 1 0 9h-5.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-p -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 20v-16h5.5a4 4 0 0 1 0 9h-5.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-p</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-q" title="letter-q" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-q --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 9a5 5 0 0 0 -5 -5h-2a5 5 0 0 0 -5 5v6a5 5 0 0 0 5 5h2a5 5 0 0 0 5 -5v-6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-q -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 9a5 5 0 0 0 -5 -5h-2a5 5 0 0 0 -5 5v6a5 5 0 0 0 5 5h2a5 5 0 0 0 5 -5v-6" /><line x1="13" y1="15" x2="18" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-q</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-r" title="letter-r" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-r --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 20v-16h5.5a4 4 0 0 1 0 9h-5.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-r -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 20v-16h5.5a4 4 0 0 1 0 9h-5.5" /><line x1="12" y1="13" x2="17" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-r</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-s" title="letter-s" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-s --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 8a4 4 0 0 0 -4 -4h-2a4 4 0 0 0 0 8h2a4 4 0 0 1 0 8h-2a4 4 0 0 1 -4 -4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-s -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 8a4 4 0 0 0 -4 -4h-2a4 4 0 0 0 0 8h2a4 4 0 0 1 0 8h-2a4 4 0 0 1 -4 -4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-s</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-spacing" title="letter-spacing" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-spacing --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 12v-5.5a2.5 2.5 0 0 1 5 0v5.5m0 -4h-5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 4l3 8l3 -8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 18h14"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 20l2 -2l-2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 16l-2 2l2 2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-spacing -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12v-5.5a2.5 2.5 0 0 1 5 0v5.5m0 -4h-5" /><path d="M13 4l3 8l3 -8" /><path d="M5 18h14" /><path d="M17 20l2 -2l-2 -2" /><path d="M7 16l-2 2l2 2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-spacing</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-t" title="letter-t" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-t --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-t -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="4" x2="18" y2="4" /><line x1="12" y1="4" x2="12" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-t</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-u" title="letter-u" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-u --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 4v11a5 5 0 0 0 5 5h2a5 5 0 0 0 5 -5v-11"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-u -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 4v11a5 5 0 0 0 5 5h2a5 5 0 0 0 5 -5v-11" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-u</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-v" title="letter-v" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-v --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 4l6 16l6 -16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-v -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 4l6 16l6 -16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-v</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-w" title="letter-w" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-w --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 4l4 16l4 -14l4 14l4 -16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-w -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4l4 16l4 -14l4 14l4 -16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-w</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-x" title="letter-x" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-x --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-x -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7" y1="4" x2="17" y2="20" /><line x1="17" y1="4" x2="7" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-x</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-y" title="letter-y" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-y --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 4l5 9l5 -9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-y -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4l5 9l5 -9" /><line x1="12" y1="13" x2="12" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-y</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letter-z" title="letter-z" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letter-z --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 4h10l-10 16h10"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letter-z -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4h10l-10 16h10" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letter-z</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="letters-case" title="letters-case" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/letters-case --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"18"</span> <span class="na">cy=</span><span class="s">"16"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"21"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 19v-10a4 4 0 0 1 4 -4a4 4 0 0 1 4 4v10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"11"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/letters-case -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="18" cy="16" r="3" /><line x1="21" y1="13" x2="21" y2="19" /><path d="M3 19v-10a4 4 0 0 1 4 -4a4 4 0 0 1 4 4v10" /><line x1="3" y1="13" x2="11" y2="13" /></svg>
|
|
<div class="mt-1 text-muted text-h5">letters-case</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="license" title="license" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/license --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 21h-9a3 3 0 0 1 -3 -3v-1h10v2a2 2 0 0 0 4 0v-14a2 2 0 1 1 2 2h-2m2 -4h-11a3 3 0 0 0 -3 3v11"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/license -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 21h-9a3 3 0 0 1 -3 -3v-1h10v2a2 2 0 0 0 4 0v-14a2 2 0 1 1 2 2h-2m2 -4h-11a3 3 0 0 0 -3 3v11" /><line x1="9" y1="7" x2="13" y2="7" /><line x1="9" y1="11" x2="13" y2="11" /></svg>
|
|
<div class="mt-1 text-muted text-h5">license</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="lifebuoy" title="lifebuoy" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/lifebuoy --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"18.35"</span> <span class="na">y2=</span><span class="s">"18.35"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"5.65"</span> <span class="na">y2=</span><span class="s">"18.35"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5.65"</span> <span class="na">y1=</span><span class="s">"5.65"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18.35"</span> <span class="na">y1=</span><span class="s">"5.65"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/lifebuoy -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="4" /><circle cx="12" cy="12" r="9" /><line x1="15" y1="15" x2="18.35" y2="18.35" /><line x1="9" y1="15" x2="5.65" y2="18.35" /><line x1="5.65" y1="5.65" x2="9" y2="9" /><line x1="18.35" y1="5.65" x2="15" y2="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">lifebuoy</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="line-dashed" title="line-dashed" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/line-dashed --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 12h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 12h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 12h2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/line-dashed -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12h2" /><path d="M17 12h2" /><path d="M11 12h2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">line-dashed</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="line-dotted" title="line-dotted" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/line-dotted --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 12v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 12v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 12v.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 12v.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/line-dotted -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 12v.01" /><path d="M8 12v.01" /><path d="M12 12v.01" /><path d="M16 12v.01" /><path d="M20 12v.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">line-dotted</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="line-height" title="line-height" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/line-height --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"3 8 6 5 9 8"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"3 16 6 19 9 16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/line-height -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 8 6 5 9 8" /><polyline points="3 16 6 19 9 16" /><line x1="6" y1="5" x2="6" y2="19" /><line x1="13" y1="6" x2="20" y2="6" /><line x1="13" y1="12" x2="20" y2="12" /><line x1="13" y1="18" x2="20" y2="18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">line-height</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="line" title="line" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/line --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6"</span> <span class="na">cy=</span><span class="s">"18"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"18"</span> <span class="na">cy=</span><span class="s">"6"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7.5"</span> <span class="na">y1=</span><span class="s">"16.5"</span> <span class="na">x2=</span><span class="s">"16.5"</span> <span class="na">y2=</span><span class="s">"7.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/line -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="18" r="2" /><circle cx="18" cy="6" r="2" /><line x1="7.5" y1="16.5" x2="16.5" y2="7.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">line</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="link" title="link" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/link --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/link -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">link</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="list-check" title="list-check" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/list-check --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3.5 5.5l1.5 1.5l2.5 -2.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3.5 11.5l1.5 1.5l2.5 -2.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3.5 17.5l1.5 1.5l2.5 -2.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"11"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"11"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"11"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/list-check -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3.5 5.5l1.5 1.5l2.5 -2.5" /><path d="M3.5 11.5l1.5 1.5l2.5 -2.5" /><path d="M3.5 17.5l1.5 1.5l2.5 -2.5" /><line x1="11" y1="6" x2="20" y2="6" /><line x1="11" y1="12" x2="20" y2="12" /><line x1="11" y1="18" x2="20" y2="18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">list-check</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="list-search" title="list-search" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/list-search --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"15"</span> <span class="na">cy=</span><span class="s">"15"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18.5 18.5l2.5 2.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 6h16"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 12h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 18h4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/list-search -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="15" cy="15" r="4" /><path d="M18.5 18.5l2.5 2.5" /><path d="M4 6h16" /><path d="M4 12h4" /><path d="M4 18h4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">list-search</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="list" title="list" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/list --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"5"</span> <span class="na">y2=</span><span class="s">"6.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"5"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"5"</span> <span class="na">y2=</span><span class="s">"18.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/list -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9" y1="6" x2="20" y2="6" /><line x1="9" y1="12" x2="20" y2="12" /><line x1="9" y1="18" x2="20" y2="18" /><line x1="5" y1="6" x2="5" y2="6.01" /><line x1="5" y1="12" x2="5" y2="12.01" /><line x1="5" y1="18" x2="5" y2="18.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">list</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="live-photo" title="live-photo" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/live-photo --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15.9"</span> <span class="na">y1=</span><span class="s">"20.11"</span> <span class="na">x2=</span><span class="s">"15.9"</span> <span class="na">y2=</span><span class="s">"20.12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19.04"</span> <span class="na">y1=</span><span class="s">"17.61"</span> <span class="na">x2=</span><span class="s">"19.04"</span> <span class="na">y2=</span><span class="s">"17.62"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20.77"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"20.77"</span> <span class="na">y2=</span><span class="s">"14.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20.77"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"20.77"</span> <span class="na">y2=</span><span class="s">"10.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19.04"</span> <span class="na">y1=</span><span class="s">"6.39"</span> <span class="na">x2=</span><span class="s">"19.04"</span> <span class="na">y2=</span><span class="s">"6.4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15.9"</span> <span class="na">y1=</span><span class="s">"3.89"</span> <span class="na">x2=</span><span class="s">"15.9"</span> <span class="na">y2=</span><span class="s">"3.9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"3.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8.1"</span> <span class="na">y1=</span><span class="s">"3.89"</span> <span class="na">x2=</span><span class="s">"8.1"</span> <span class="na">y2=</span><span class="s">"3.9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4.96"</span> <span class="na">y1=</span><span class="s">"6.39"</span> <span class="na">x2=</span><span class="s">"4.96"</span> <span class="na">y2=</span><span class="s">"6.4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3.23"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"3.23"</span> <span class="na">y2=</span><span class="s">"10.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3.23"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"3.23"</span> <span class="na">y2=</span><span class="s">"14.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4.96"</span> <span class="na">y1=</span><span class="s">"17.61"</span> <span class="na">x2=</span><span class="s">"4.96"</span> <span class="na">y2=</span><span class="s">"17.62"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8.1"</span> <span class="na">y1=</span><span class="s">"20.11"</span> <span class="na">x2=</span><span class="s">"8.1"</span> <span class="na">y2=</span><span class="s">"20.12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/live-photo -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="1" /><circle cx="12" cy="12" r="5" /><line x1="15.9" y1="20.11" x2="15.9" y2="20.12" /><line x1="19.04" y1="17.61" x2="19.04" y2="17.62" /><line x1="20.77" y1="14" x2="20.77" y2="14.01" /><line x1="20.77" y1="10" x2="20.77" y2="10.01" /><line x1="19.04" y1="6.39" x2="19.04" y2="6.4" /><line x1="15.9" y1="3.89" x2="15.9" y2="3.9" /><line x1="12" y1="3" x2="12" y2="3.01" /><line x1="8.1" y1="3.89" x2="8.1" y2="3.9" /><line x1="4.96" y1="6.39" x2="4.96" y2="6.4" /><line x1="3.23" y1="10" x2="3.23" y2="10.01" /><line x1="3.23" y1="14" x2="3.23" y2="14.01" /><line x1="4.96" y1="17.61" x2="4.96" y2="17.62" /><line x1="8.1" y1="20.11" x2="8.1" y2="20.12" /><line x1="12" y1="21" x2="12" y2="21.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">live-photo</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="live-view" title="live-view" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/live-view --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 8v-2a2 2 0 0 1 2 -2h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 16v2a2 2 0 0 0 2 2h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 4h2a2 2 0 0 1 2 2v2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 20h2a2 2 0 0 0 2 -2v-2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"11.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 18l-3.5 -5a4 4 0 1 1 7 0l-3.5 5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/live-view -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 8v-2a2 2 0 0 1 2 -2h2" /><path d="M4 16v2a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v2" /><path d="M16 20h2a2 2 0 0 0 2 -2v-2" /><line x1="12" y1="11" x2="12" y2="11.01" /><path d="M12 18l-3.5 -5a4 4 0 1 1 7 0l-3.5 5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">live-view</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="loader-quarter" title="loader-quarter" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/loader-quarter --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"3"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7.75"</span> <span class="na">y1=</span><span class="s">"7.75"</span> <span class="na">x2=</span><span class="s">"5.6"</span> <span class="na">y2=</span><span class="s">"5.6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/loader-quarter -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="6" x2="12" y2="3" /><line x1="6" y1="12" x2="3" y2="12" /><line x1="7.75" y1="7.75" x2="5.6" y2="5.6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">loader-quarter</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="loader" title="loader" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/loader --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16.25"</span> <span class="na">y1=</span><span class="s">"7.75"</span> <span class="na">x2=</span><span class="s">"18.4"</span> <span class="na">y2=</span><span class="s">"5.6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16.25"</span> <span class="na">y1=</span><span class="s">"16.25"</span> <span class="na">x2=</span><span class="s">"18.4"</span> <span class="na">y2=</span><span class="s">"18.4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7.75"</span> <span class="na">y1=</span><span class="s">"16.25"</span> <span class="na">x2=</span><span class="s">"5.6"</span> <span class="na">y2=</span><span class="s">"18.4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"3"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7.75"</span> <span class="na">y1=</span><span class="s">"7.75"</span> <span class="na">x2=</span><span class="s">"5.6"</span> <span class="na">y2=</span><span class="s">"5.6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/loader -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="6" x2="12" y2="3" /><line x1="16.25" y1="7.75" x2="18.4" y2="5.6" /><line x1="18" y1="12" x2="21" y2="12" /><line x1="16.25" y1="16.25" x2="18.4" y2="18.4" /><line x1="12" y1="18" x2="12" y2="21" /><line x1="7.75" y1="16.25" x2="5.6" y2="18.4" /><line x1="6" y1="12" x2="3" y2="12" /><line x1="7.75" y1="7.75" x2="5.6" y2="5.6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">loader</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="location" title="location" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/location --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 3l-6.5 18a0.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a0.55 .55 0 0 1 0 -1l18 -6.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/location -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 3l-6.5 18a0.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a0.55 .55 0 0 1 0 -1l18 -6.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">location</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="lock-access" title="lock-access" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/lock-access --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 8v-2a2 2 0 0 1 2 -2h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 16v2a2 2 0 0 0 2 2h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 4h2a2 2 0 0 1 2 2v2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 20h2a2 2 0 0 0 2 -2v-2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"8"</span> <span class="na">y=</span><span class="s">"11"</span> <span class="na">width=</span><span class="s">"8"</span> <span class="na">height=</span><span class="s">"5"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 11v-2a2 2 0 1 1 4 0v2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/lock-access -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 8v-2a2 2 0 0 1 2 -2h2" /><path d="M4 16v2a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v2" /><path d="M16 20h2a2 2 0 0 0 2 -2v-2" /><rect x="8" y="11" width="8" height="5" rx="1" /><path d="M10 11v-2a2 2 0 1 1 4 0v2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">lock-access</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="lock-off" title="lock-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/lock-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 19a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2h4m4 0h2a2 2 0 0 1 2 2v2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"16"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 11v-3m.712 -3.278a4 4 0 0 1 7.288 2.278v4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/lock-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M19 19a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2h4m4 0h2a2 2 0 0 1 2 2v2" /><circle cx="12" cy="16" r="1" /><path d="M8 11v-3m.712 -3.278a4 4 0 0 1 7.288 2.278v4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">lock-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="lock-open" title="lock-open" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/lock-open --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"5"</span> <span class="na">y=</span><span class="s">"11"</span> <span class="na">width=</span><span class="s">"14"</span> <span class="na">height=</span><span class="s">"10"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"16"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 11v-5a4 4 0 0 1 8 0"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/lock-open -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="11" width="14" height="10" rx="2" /><circle cx="12" cy="16" r="1" /><path d="M8 11v-5a4 4 0 0 1 8 0" /></svg>
|
|
<div class="mt-1 text-muted text-h5">lock-open</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="lock" title="lock" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/lock --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"5"</span> <span class="na">y=</span><span class="s">"11"</span> <span class="na">width=</span><span class="s">"14"</span> <span class="na">height=</span><span class="s">"10"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"16"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 11v-4a4 4 0 0 1 8 0v4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/lock -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="11" width="14" height="10" rx="2" /><circle cx="12" cy="16" r="1" /><path d="M8 11v-4a4 4 0 0 1 8 0v4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">lock</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="login" title="login" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/login --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 12h-13l3 -3m0 6l-3 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/login -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2" /><path d="M20 12h-13l3 -3m0 6l-3 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">login</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="logout" title="logout" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/logout --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 12h14l-3 -3m0 6l3 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/logout -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2" /><path d="M7 12h14l-3 -3m0 6l3 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">logout</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="macro" title="macro" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/macro --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 15a6 6 0 1 0 12 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 15a6 6 0 0 0 -6 6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 21a6 6 0 0 0 -6 -6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 21v-10"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 11a5 5 0 0 1 -5 -5v-3l3 2l2 -2l2 2l3 -2v3a5 5 0 0 1 -5 5z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/macro -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 15a6 6 0 1 0 12 0" /><path d="M18 15a6 6 0 0 0 -6 6" /><path d="M12 21a6 6 0 0 0 -6 -6" /><path d="M12 21v-10" /><path d="M12 11a5 5 0 0 1 -5 -5v-3l3 2l2 -2l2 2l3 -2v3a5 5 0 0 1 -5 5z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">macro</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="magnet" title="magnet" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/magnet --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 13v-8a2 2 0 0 1 2 -2h1a2 2 0 0 1 2 2v8a2 2 0 0 0 6 0v-8a2 2 0 0 1 2 -2h1a2 2 0 0 1 2 2v8a8 8 0 0 1 -16 0"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/magnet -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 13v-8a2 2 0 0 1 2 -2h1a2 2 0 0 1 2 2v8a2 2 0 0 0 6 0v-8a2 2 0 0 1 2 -2h1a2 2 0 0 1 2 2v8a8 8 0 0 1 -16 0" /><line x1="4" y1="8" x2="9" y2="8" /><line x1="15" y1="8" x2="19" y2="8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">magnet</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="mail-forward" title="mail-forward" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/mail-forward --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 18h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v7.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 6l9 6l9 -6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 18h6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 15l3 3l-3 3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/mail-forward -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 18h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v7.5" /><path d="M3 6l9 6l9 -6" /><path d="M15 18h6" /><path d="M18 15l3 3l-3 3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">mail-forward</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="mail-opened" title="mail-opened" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/mail-opened --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"3 9 12 15 21 9 12 3 3 9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 9v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/mail-opened -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 9 12 15 21 9 12 3 3 9" /><path d="M21 9v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /><line x1="3" y1="19" x2="9" y2="13" /><line x1="15" y1="13" x2="21" y2="19" /></svg>
|
|
<div class="mt-1 text-muted text-h5">mail-opened</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="mail" title="mail" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/mail --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"3 7 12 13 21 7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/mail -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><polyline points="3 7 12 13 21 7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">mail</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="mailbox" title="mailbox" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/mailbox --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 21v-6.5a3.5 3.5 0 0 0 -7 0v6.5h18v-6a4 4 0 0 0 -4 -4h-10.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 11v-8h4l2 2l-2 2h-4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 15h1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/mailbox -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 21v-6.5a3.5 3.5 0 0 0 -7 0v6.5h18v-6a4 4 0 0 0 -4 -4h-10.5" /><path d="M12 11v-8h4l2 2l-2 2h-4" /><path d="M6 15h1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">mailbox</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="man" title="man" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/man --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"5"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 22v-5l-1 -1v-4a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4l-1 1v5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/man -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="5" r="2" /><path d="M10 22v-5l-1 -1v-4a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4l-1 1v5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">man</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="manual-gearbox" title="manual-gearbox" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/manual-gearbox --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5"</span> <span class="na">cy=</span><span class="s">"6"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"6"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"19"</span> <span class="na">cy=</span><span class="s">"6"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5"</span> <span class="na">cy=</span><span class="s">"18"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"18"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"5"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 8v2a2 2 0 0 1 -2 2h-12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/manual-gearbox -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="6" r="2" /><circle cx="12" cy="6" r="2" /><circle cx="19" cy="6" r="2" /><circle cx="5" cy="18" r="2" /><circle cx="12" cy="18" r="2" /><line x1="5" y1="8" x2="5" y2="16" /><line x1="12" y1="8" x2="12" y2="16" /><path d="M19 8v2a2 2 0 0 1 -2 2h-12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">manual-gearbox</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="map-2" title="map-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/map-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"6.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 13l-3.5 -5a4 4 0 1 1 7 0l-3.5 5"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"10.5 4.75 9 4 3 7 3 20 9 17 15 20 21 17 21 15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/map-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="18" y2="6.01" /><path d="M18 13l-3.5 -5a4 4 0 1 1 7 0l-3.5 5" /><polyline points="10.5 4.75 9 4 3 7 3 20 9 17 15 20 21 17 21 15" /><line x1="9" y1="4" x2="9" y2="17" /><line x1="15" y1="15" x2="15" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">map-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="map-pin-off" title="map-pin-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/map-pin-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.44 9.435a3 3 0 0 0 4.126 4.124m1.434 -2.559a3 3 0 0 0 -3 -3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8.048 4.042a8 8 0 0 1 10.912 10.908m-1.8 2.206l-3.745 3.744a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 0 1 -.48 -10.79"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/map-pin-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M9.44 9.435a3 3 0 0 0 4.126 4.124m1.434 -2.559a3 3 0 0 0 -3 -3" /><path d="M8.048 4.042a8 8 0 0 1 10.912 10.908m-1.8 2.206l-3.745 3.744a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 0 1 -.48 -10.79" /></svg>
|
|
<div class="mt-1 text-muted text-h5">map-pin-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="map-pin" title="map-pin" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/map-pin --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"11"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/map-pin -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="11" r="3" /><path d="M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">map-pin</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="map-pins" title="map-pins" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/map-pins --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10.828 9.828a4 4 0 1 0 -5.656 0l2.828 2.829l2.828 -2.829z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"7.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18.828 17.828a4 4 0 1 0 -5.656 0l2.828 2.829l2.828 -2.829z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"15.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/map-pins -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.828 9.828a4 4 0 1 0 -5.656 0l2.828 2.829l2.828 -2.829z" /><line x1="8" y1="7" x2="8" y2="7.01" /><path d="M18.828 17.828a4 4 0 1 0 -5.656 0l2.828 2.829l2.828 -2.829z" /><line x1="16" y1="15" x2="16" y2="15.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">map-pins</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="map" title="map" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/map --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"3 7 9 4 15 7 21 4 21 17 15 20 9 17 3 20 3 7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/map -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 7 9 4 15 7 21 4 21 17 15 20 9 17 3 20 3 7" /><line x1="9" y1="4" x2="9" y2="17" /><line x1="15" y1="7" x2="15" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">map</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="markdown" title="markdown" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/markdown --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 15v-6l2 2l2 -2v6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 13l2 2l2 -2m-2 2v-6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/markdown -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M7 15v-6l2 2l2 -2v6" /><path d="M14 13l2 2l2 -2m-2 2v-6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">markdown</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="marquee-2" title="marquee-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/marquee-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 6v-1a1 1 0 0 1 1 -1h1m5 0h2m5 0h1a1 1 0 0 1 1 1v1m0 5v2m0 5v1a1 1 0 0 1 -1 1h-1m-5 0h-2m-5 0h-1a1 1 0 0 1 -1 -1v-1m0 -5v-2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/marquee-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 6v-1a1 1 0 0 1 1 -1h1m5 0h2m5 0h1a1 1 0 0 1 1 1v1m0 5v2m0 5v1a1 1 0 0 1 -1 1h-1m-5 0h-2m-5 0h-1a1 1 0 0 1 -1 -1v-1m0 -5v-2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">marquee-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="marquee" title="marquee" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/marquee --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 6a2 2 0 0 1 2 -2m3 0h1.5m3 0h1.5m3 0a2 2 0 0 1 2 2m0 3v1.5m0 3v1.5m0 3a2 2 0 0 1 -2 2m-3 0h-1.5m-3 0h-1.5m-3 0a2 2 0 0 1 -2 -2m0 -3v-1.5m0 -3v-1.5m0 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/marquee -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 6a2 2 0 0 1 2 -2m3 0h1.5m3 0h1.5m3 0a2 2 0 0 1 2 2m0 3v1.5m0 3v1.5m0 3a2 2 0 0 1 -2 2m-3 0h-1.5m-3 0h-1.5m-3 0a2 2 0 0 1 -2 -2m0 -3v-1.5m0 -3v-1.5m0 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">marquee</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="mars" title="mars" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/mars --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"10"</span> <span class="na">cy=</span><span class="s">"14"</span> <span class="na">r=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"13.6"</span> <span class="na">y2=</span><span class="s">"10.4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/mars -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="14" r="5" /><line x1="19" y1="5" x2="13.6" y2="10.4" /><line x1="19" y1="5" x2="14" y2="5" /><line x1="19" y1="5" x2="19" y2="10" /></svg>
|
|
<div class="mt-1 text-muted text-h5">mars</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="mask-off" title="mask-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/mask-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19.42 19.41a2 2 0 0 1 -1.42 .59h-12a2 2 0 0 1 -2 -2v-12c0 -.554 .225 -1.055 .588 -1.417m3.412 -.583h10a2 2 0 0 1 2 2v10"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.885 9.872a3 3 0 1 0 4.245 4.24m.582 -3.396a3.012 3.012 0 0 0 -1.438 -1.433"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 3l18 18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/mask-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.42 19.41a2 2 0 0 1 -1.42 .59h-12a2 2 0 0 1 -2 -2v-12c0 -.554 .225 -1.055 .588 -1.417m3.412 -.583h10a2 2 0 0 1 2 2v10" /><path d="M9.885 9.872a3 3 0 1 0 4.245 4.24m.582 -3.396a3.012 3.012 0 0 0 -1.438 -1.433" /><path d="M3 3l18 18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">mask-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="mask" title="mask" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/mask --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/mask -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3" /><rect x="4" y="4" width="16" height="16" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">mask</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="massage" title="massage" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/massage --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"4"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"9"</span> <span class="na">cy=</span><span class="s">"5"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 22l4 -2v-3h12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 20h9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 14l3 -2l1 -4c3 1 3 4 3 6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/massage -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="4" cy="17" r="1" /><circle cx="9" cy="5" r="1" /><path d="M4 22l4 -2v-3h12" /><path d="M11 20h9" /><path d="M8 14l3 -2l1 -4c3 1 3 4 3 6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">massage</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="math-function" title="math-function" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/math-function --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 10h1c1 0 1 1 2.016 3.527c.984 2.473 .984 3.473 1.984 3.473h1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 17c1.5 0 3 -2 4 -3.5s2.5 -3.5 4 -3.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 19c0 1.5 .5 2 2 2s2 -4 3 -9s1.5 -9 3 -9s2 .5 2 2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"11"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/math-function -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 10h1c1 0 1 1 2.016 3.527c.984 2.473 .984 3.473 1.984 3.473h1" /><path d="M13 17c1.5 0 3 -2 4 -3.5s2.5 -3.5 4 -3.5" /><path d="M3 19c0 1.5 .5 2 2 2s2 -4 3 -9s1.5 -9 3 -9s2 .5 2 2" /><line x1="5" y1="12" x2="11" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">math-function</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="math-symbols" title="math-symbols" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/math-symbols --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16.5"</span> <span class="na">y1=</span><span class="s">"4.5"</span> <span class="na">x2=</span><span class="s">"19.5"</span> <span class="na">y2=</span><span class="s">"7.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19.5"</span> <span class="na">y1=</span><span class="s">"4.5"</span> <span class="na">x2=</span><span class="s">"16.5"</span> <span class="na">y2=</span><span class="s">"7.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"18.01"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"18.01"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/math-symbols -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="12" x2="21" y2="12" /><line x1="12" y1="3" x2="12" y2="21" /><line x1="16.5" y1="4.5" x2="19.5" y2="7.5" /><line x1="19.5" y1="4.5" x2="16.5" y2="7.5" /><line x1="6" y1="4" x2="6" y2="8" /><line x1="4" y1="6" x2="8" y2="6" /><line x1="18" y1="16" x2="18.01" y2="16" /><line x1="18" y1="20" x2="18.01" y2="20" /><line x1="4" y1="18" x2="8" y2="18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">math-symbols</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="math" title="math" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/math --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 13l4 4m0 -4l-4 4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 5h-7l-4 14l-3 -6h-2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/math -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 13l4 4m0 -4l-4 4" /><path d="M20 5h-7l-4 14l-3 -6h-2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">math</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="maximize" title="maximize" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/maximize --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 8v-2a2 2 0 0 1 2 -2h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 16v2a2 2 0 0 0 2 2h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 4h2a2 2 0 0 1 2 2v2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 20h2a2 2 0 0 0 2 -2v-2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/maximize -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 8v-2a2 2 0 0 1 2 -2h2" /><path d="M4 16v2a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v2" /><path d="M16 20h2a2 2 0 0 0 2 -2v-2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">maximize</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="medal" title="medal" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/medal --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 4v3m-4 -3v6m8 -6v6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 18.5l-3 1.5l.5 -3.5l-2 -2l3 -.5l1.5 -3l1.5 3l3 .5l-2 2l.5 3.5z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/medal -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 4v3m-4 -3v6m8 -6v6" /><path d="M12 18.5l-3 1.5l.5 -3.5l-2 -2l3 -.5l1.5 -3l1.5 3l3 .5l-2 2l.5 3.5z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">medal</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="medical-cross" title="medical-cross" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/medical-cross --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 3a1 1 0 0 1 1 1v4.535l3.928 -2.267a1 1 0 0 1 1.366 .366l1 1.732a1 1 0 0 1 -.366 1.366l-3.927 2.268l3.927 2.269a1 1 0 0 1 .366 1.366l-1 1.732a1 1 0 0 1 -1.366 .366l-3.928 -2.269v4.536a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-4.536l-3.928 2.268a1 1 0 0 1 -1.366 -.366l-1 -1.732a1 1 0 0 1 .366 -1.366l3.927 -2.268l-3.927 -2.268a1 1 0 0 1 -.366 -1.366l1 -1.732a1 1 0 0 1 1.366 -.366l3.928 2.267v-4.535a1 1 0 0 1 1 -1h2z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/medical-cross -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 3a1 1 0 0 1 1 1v4.535l3.928 -2.267a1 1 0 0 1 1.366 .366l1 1.732a1 1 0 0 1 -.366 1.366l-3.927 2.268l3.927 2.269a1 1 0 0 1 .366 1.366l-1 1.732a1 1 0 0 1 -1.366 .366l-3.928 -2.269v4.536a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-4.536l-3.928 2.268a1 1 0 0 1 -1.366 -.366l-1 -1.732a1 1 0 0 1 .366 -1.366l3.927 -2.268l-3.927 -2.268a1 1 0 0 1 -.366 -1.366l1 -1.732a1 1 0 0 1 1.366 -.366l3.928 2.267v-4.535a1 1 0 0 1 1 -1h2z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">medical-cross</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="menu-2" title="menu-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/menu-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/menu-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="20" y2="6" /><line x1="4" y1="12" x2="20" y2="12" /><line x1="4" y1="18" x2="20" y2="18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">menu-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="menu" title="menu" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/menu --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/menu -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="8" x2="20" y2="8" /><line x1="4" y1="16" x2="20" y2="16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">menu</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="message-2" title="message-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/message-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 20l-3 -3h-2a3 3 0 0 1 -3 -3v-6a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-2l-3 3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/message-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 20l-3 -3h-2a3 3 0 0 1 -3 -3v-6a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-2l-3 3" /><line x1="8" y1="9" x2="16" y2="9" /><line x1="8" y1="13" x2="14" y2="13" /></svg>
|
|
<div class="mt-1 text-muted text-h5">message-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="message-circle-2" title="message-circle-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/message-circle-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 20l1.3 -3.9a9 8 0 1 1 3.4 2.9l-4.7 1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/message-circle-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 20l1.3 -3.9a9 8 0 1 1 3.4 2.9l-4.7 1" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">message-circle-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="message-circle-off" title="message-circle-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/message-circle-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8.585 4.581c3.225 -1.181 7.032 -.616 9.66 1.626c2.983 2.543 3.602 6.525 1.634 9.662m-1.908 2.108c-2.786 2.19 -6.89 2.665 -10.271 1.023l-4.7 1l1.3 -3.9c-2.237 -3.308 -1.489 -7.54 1.714 -10.084"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/message-circle-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M8.585 4.581c3.225 -1.181 7.032 -.616 9.66 1.626c2.983 2.543 3.602 6.525 1.634 9.662m-1.908 2.108c-2.786 2.19 -6.89 2.665 -10.271 1.023l-4.7 1l1.3 -3.9c-2.237 -3.308 -1.489 -7.54 1.714 -10.084" /></svg>
|
|
<div class="mt-1 text-muted text-h5">message-circle-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="message-circle" title="message-circle" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/message-circle --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 20l1.3 -3.9a9 8 0 1 1 3.4 2.9l-4.7 1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/message-circle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 20l1.3 -3.9a9 8 0 1 1 3.4 2.9l-4.7 1" /><line x1="12" y1="12" x2="12" y2="12.01" /><line x1="8" y1="12" x2="8" y2="12.01" /><line x1="16" y1="12" x2="16" y2="12.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">message-circle</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="message-dots" title="message-dots" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/message-dots --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"11.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"11.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"11.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/message-dots -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="12" y1="11" x2="12" y2="11.01" /><line x1="8" y1="11" x2="8" y2="11.01" /><line x1="16" y1="11" x2="16" y2="11.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">message-dots</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="message-off" title="message-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/message-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 17h-9l-4 4v-13c0 -1.086 .577 -2.036 1.44 -2.563m3.561 -.437h8a3 3 0 0 1 3 3v6c0 .575 -.162 1.112 -.442 1.568"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/message-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M17 17h-9l-4 4v-13c0 -1.086 .577 -2.036 1.44 -2.563m3.561 -.437h8a3 3 0 0 1 3 3v6c0 .575 -.162 1.112 -.442 1.568" /></svg>
|
|
<div class="mt-1 text-muted text-h5">message-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="message-plus" title="message-plus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/message-plus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/message-plus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="10" y1="11" x2="14" y2="11" /><line x1="12" y1="9" x2="12" y2="13" /></svg>
|
|
<div class="mt-1 text-muted text-h5">message-plus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="message-report" title="message-report" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/message-report --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"14.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/message-report -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="12" y1="8" x2="12" y2="11" /><line x1="12" y1="14" x2="12" y2="14.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">message-report</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="message" title="message" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/message --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/message -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="8" y1="9" x2="16" y2="9" /><line x1="8" y1="13" x2="14" y2="13" /></svg>
|
|
<div class="mt-1 text-muted text-h5">message</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="messages-off" title="messages-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/messages-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 11a1 1 0 0 1 -1 -1m0 -3.968v-2.032a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10l-3 -3h-3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/messages-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M11 11a1 1 0 0 1 -1 -1m0 -3.968v-2.032a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10l-3 -3h-3" /><path d="M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">messages-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="messages" title="messages" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/messages --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/messages -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10" /><path d="M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">messages</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="microphone-off" title="microphone-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/microphone-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 5a3 3 0 0 1 6 0v5a3 3 0 0 1 -.13 .874m-2 2a3 3 0 0 1 -3.87 -2.872v-1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 10a7 7 0 0 0 10.846 5.85m2.002 -2a6.967 6.967 0 0 0 1.152 -3.85"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/microphone-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M9 5a3 3 0 0 1 6 0v5a3 3 0 0 1 -.13 .874m-2 2a3 3 0 0 1 -3.87 -2.872v-1" /><path d="M5 10a7 7 0 0 0 10.846 5.85m2.002 -2a6.967 6.967 0 0 0 1.152 -3.85" /><line x1="8" y1="21" x2="16" y2="21" /><line x1="12" y1="17" x2="12" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">microphone-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="microphone" title="microphone" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/microphone --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"9"</span> <span class="na">y=</span><span class="s">"2"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"11"</span> <span class="na">rx=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 10a7 7 0 0 0 14 0"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/microphone -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="9" y="2" width="6" height="11" rx="3" /><path d="M5 10a7 7 0 0 0 14 0" /><line x1="8" y1="21" x2="16" y2="21" /><line x1="12" y1="17" x2="12" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">microphone</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="minimize" title="minimize" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/minimize --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 19v-2a2 2 0 0 1 2 -2h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 5v2a2 2 0 0 0 2 2h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 15h2a2 2 0 0 1 2 2v2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 9h2a2 2 0 0 0 2 -2v-2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/minimize -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 19v-2a2 2 0 0 1 2 -2h2" /><path d="M15 5v2a2 2 0 0 0 2 2h2" /><path d="M5 15h2a2 2 0 0 1 2 2v2" /><path d="M5 9h2a2 2 0 0 0 2 -2v-2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">minimize</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="minus-vertical" title="minus-vertical" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/minus-vertical --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 5v14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/minus-vertical -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 5v14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">minus-vertical</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="minus" title="minus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/minus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/minus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">minus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="mist" title="mist" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/mist --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 5h3m4 0h9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 10h11m4 0h1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 15h5m4 0h7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 20h9m4 0h3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/mist -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 5h3m4 0h9" /><path d="M3 10h11m4 0h1" /><path d="M5 15h5m4 0h7" /><path d="M3 20h9m4 0h3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">mist</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="mood-boy" title="mood-boy" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/mood-boy --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 4.5a9 9 0 0 1 3.864 5.89a2.5 2.5 0 0 1 -.29 4.36a9 9 0 0 1 -17.137 0a2.5 2.5 0 0 1 -.29 -4.36a9 9 0 0 1 3.746 -5.81"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.5 16a3.5 3.5 0 0 0 5 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8.5 2c1.5 1 2.5 3.5 2.5 5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12.5 2c1.5 2 2 3.5 2 5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"9.01"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"15.01"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/mood-boy -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 4.5a9 9 0 0 1 3.864 5.89a2.5 2.5 0 0 1 -.29 4.36a9 9 0 0 1 -17.137 0a2.5 2.5 0 0 1 -.29 -4.36a9 9 0 0 1 3.746 -5.81" /><path d="M9.5 16a3.5 3.5 0 0 0 5 0" /><path d="M8.5 2c1.5 1 2.5 3.5 2.5 5" /><path d="M12.5 2c1.5 2 2 3.5 2 5" /><line x1="9" y1="12" x2="9.01" y2="12" /><line x1="15" y1="12" x2="15.01" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">mood-boy</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="mood-confuzed" title="mood-confuzed" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/mood-confuzed --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"9.01"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"15.01"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.5 16a10 10 0 0 1 6 -1.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/mood-confuzed -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M9.5 16a10 10 0 0 1 6 -1.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">mood-confuzed</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="mood-crazy-happy" title="mood-crazy-happy" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/mood-crazy-happy --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"8.5"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"11.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 11.5l3 -3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"8.5"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"11.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 11.5l3 -3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.5 15a3.5 3.5 0 0 0 5 0"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/mood-crazy-happy -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="7" y1="8.5" x2="10" y2="11.5" /><path d="M7 11.5l3 -3" /><line x1="14" y1="8.5" x2="17" y2="11.5" /><path d="M14 11.5l3 -3" /><path d="M9.5 15a3.5 3.5 0 0 0 5 0" /></svg>
|
|
<div class="mt-1 text-muted text-h5">mood-crazy-happy</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="mood-cry" title="mood-cry" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/mood-cry --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"9.01"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"15.01"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.5 15.25a3.5 3.5 0 0 1 5 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17.566 17.606a2 2 0 1 0 2.897 .03l-1.463 -1.636l-1.434 1.606z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20.865 13.517a8.937 8.937 0 0 0 .135 -1.517a9 9 0 1 0 -9 9c.69 0 1.36 -.076 2 -.222"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/mood-cry -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M9.5 15.25a3.5 3.5 0 0 1 5 0" /><path d="M17.566 17.606a2 2 0 1 0 2.897 .03l-1.463 -1.636l-1.434 1.606z" /><path d="M20.865 13.517a8.937 8.937 0 0 0 .135 -1.517a9 9 0 1 0 -9 9c.69 0 1.36 -.076 2 -.222" /></svg>
|
|
<div class="mt-1 text-muted text-h5">mood-cry</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="mood-empty" title="mood-empty" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/mood-empty --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"9.01"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"15.01"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/mood-empty -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><line x1="9" y1="15" x2="15" y2="15" /></svg>
|
|
<div class="mt-1 text-muted text-h5">mood-empty</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="mood-happy" title="mood-happy" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/mood-happy --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"9.01"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"15.01"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 13a4 4 0 1 0 8 0m0 0h-8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/mood-happy -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="9" x2="9.01" y2="9" /><line x1="15" y1="9" x2="15.01" y2="9" /><path d="M8 13a4 4 0 1 0 8 0m0 0h-8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">mood-happy</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="mood-kid" title="mood-kid" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/mood-kid --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"9.01"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"15.01"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.5 15a3.5 3.5 0 0 0 5 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3a2 2 0 0 0 0 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/mood-kid -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M9.5 15a3.5 3.5 0 0 0 5 0" /><path d="M12 3a2 2 0 0 0 0 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">mood-kid</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="mood-neutral" title="mood-neutral" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/mood-neutral --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"9.01"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"15.01"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/mood-neutral -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /></svg>
|
|
<div class="mt-1 text-muted text-h5">mood-neutral</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="mood-sad" title="mood-sad" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/mood-sad --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"9.01"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"15.01"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.5 15.25a3.5 3.5 0 0 1 5 0"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/mood-sad -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M9.5 15.25a3.5 3.5 0 0 1 5 0" /></svg>
|
|
<div class="mt-1 text-muted text-h5">mood-sad</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="mood-smile" title="mood-smile" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/mood-smile --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"9.01"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"15.01"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.5 15a3.5 3.5 0 0 0 5 0"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/mood-smile -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M9.5 15a3.5 3.5 0 0 0 5 0" /></svg>
|
|
<div class="mt-1 text-muted text-h5">mood-smile</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="mood-suprised" title="mood-suprised" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/mood-suprised --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"9.01"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"15.01"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"15"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/mood-suprised -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="9" x2="9.01" y2="9" /><line x1="15" y1="9" x2="15.01" y2="9" /><circle cx="12" cy="15" r="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">mood-suprised</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="mood-tongue" title="mood-tongue" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/mood-tongue --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"9.01"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"15.01"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 14v2a2 2 0 0 0 4 0v-2m1.5 0h-7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/mood-tongue -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="9" y1="10" x2="9.01" y2="10" /><line x1="15" y1="10" x2="15.01" y2="10" /><path d="M10 14v2a2 2 0 0 0 4 0v-2m1.5 0h-7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">mood-tongue</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="moon-2" title="moon-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/moon-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16.418 4.157a8 8 0 0 0 0 15.686"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/moon-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.418 4.157a8 8 0 0 0 0 15.686" /><circle cx="12" cy="12" r="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">moon-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="moon-stars" title="moon-stars" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/moon-stars --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 4a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 11h2m-1 -1v2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/moon-stars -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /><path d="M17 4a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2" /><path d="M19 11h2m-1 -1v2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">moon-stars</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="moon" title="moon" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/moon --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/moon -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">moon</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="moped" title="moped" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/moped --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"18"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 16v1a2 2 0 0 0 4 0v-5h-3a3 3 0 0 0 -3 3v1h10a6 6 0 0 1 5 -4v-5a2 2 0 0 0 -2 -2h-1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/moped -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="18" cy="17" r="2" /><path d="M5 16v1a2 2 0 0 0 4 0v-5h-3a3 3 0 0 0 -3 3v1h10a6 6 0 0 1 5 -4v-5a2 2 0 0 0 -2 -2h-1" /><line x1="6" y1="9" x2="9" y2="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">moped</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="motorbike" title="motorbike" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/motorbike --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5"</span> <span class="na">cy=</span><span class="s">"16"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"19"</span> <span class="na">cy=</span><span class="s">"16"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7.5 14h5l4 -4h-10.5m1.5 4l4 -4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 6h2l1.5 3l2 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/motorbike -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="16" r="3" /><circle cx="19" cy="16" r="3" /><path d="M7.5 14h5l4 -4h-10.5m1.5 4l4 -4" /><path d="M13 6h2l1.5 3l2 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">motorbike</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="mouse" title="mouse" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/mouse --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"6"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"12"</span> <span class="na">height=</span><span class="s">"18"</span> <span class="na">rx=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/mouse -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="6" y="3" width="12" height="18" rx="4" /><line x1="12" y1="7" x2="12" y2="11" /></svg>
|
|
<div class="mt-1 text-muted text-h5">mouse</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="movie" title="movie" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/movie --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/movie -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="8" y1="4" x2="8" y2="20" /><line x1="16" y1="4" x2="16" y2="20" /><line x1="4" y1="8" x2="8" y2="8" /><line x1="4" y1="16" x2="8" y2="16" /><line x1="4" y1="12" x2="20" y2="12" /><line x1="16" y1="8" x2="20" y2="8" /><line x1="16" y1="16" x2="20" y2="16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">movie</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="mug" title="mug" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/mug --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4.083 5h10.834a1.08 1.08 0 0 1 1.083 1.077v8.615c0 2.38 -1.94 4.308 -4.333 4.308h-4.334c-2.393 0 -4.333 -1.929 -4.333 -4.308v-8.615a1.08 1.08 0 0 1 1.083 -1.077"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 8h2.5c1.38 0 2.5 1.045 2.5 2.333v2.334c0 1.288 -1.12 2.333 -2.5 2.333h-2.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/mug -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4.083 5h10.834a1.08 1.08 0 0 1 1.083 1.077v8.615c0 2.38 -1.94 4.308 -4.333 4.308h-4.334c-2.393 0 -4.333 -1.929 -4.333 -4.308v-8.615a1.08 1.08 0 0 1 1.083 -1.077" /><path d="M16 8h2.5c1.38 0 2.5 1.045 2.5 2.333v2.334c0 1.288 -1.12 2.333 -2.5 2.333h-2.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">mug</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="music" title="music" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/music --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"16"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"9 17 9 4 19 4 19 17"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/music -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="17" r="3" /><circle cx="16" cy="17" r="3" /><polyline points="9 17 9 4 19 4 19 17" /><line x1="9" y1="8" x2="19" y2="8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">music</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="new-section" title="new-section" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/new-section --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 6v-1a1 1 0 0 1 1 -1h1m5 0h2m5 0h1a1 1 0 0 1 1 1v1m0 5v2m0 5v1a1 1 0 0 1 -1 1h-1m-5 0h-2m-5 0h-1a1 1 0 0 1 -1 -1v-1m0 -5v-2m0 -5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/new-section -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9" y1="12" x2="15" y2="12" /><line x1="12" y1="9" x2="12" y2="15" /><path d="M4 6v-1a1 1 0 0 1 1 -1h1m5 0h2m5 0h1a1 1 0 0 1 1 1v1m0 5v2m0 5v1a1 1 0 0 1 -1 1h-1m-5 0h-2m-5 0h-1a1 1 0 0 1 -1 -1v-1m0 -5v-2m0 -5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">new-section</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="news" title="news" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/news --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 6h3a1 1 0 0 1 1 1v11a2 2 0 0 1 -4 0v-13a1 1 0 0 0 -1 -1h-10a1 1 0 0 0 -1 1v12a3 3 0 0 0 3 3h11"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/news -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 6h3a1 1 0 0 1 1 1v11a2 2 0 0 1 -4 0v-13a1 1 0 0 0 -1 -1h-10a1 1 0 0 0 -1 1v12a3 3 0 0 0 3 3h11" /><line x1="8" y1="8" x2="12" y2="8" /><line x1="8" y1="12" x2="12" y2="12" /><line x1="8" y1="16" x2="12" y2="16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">news</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="nfc" title="nfc" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/nfc --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 20a3 3 0 0 1 -3 -3v-11l5 5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 4a3 3 0 0 1 3 3v11l-5 -5"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/nfc -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 20a3 3 0 0 1 -3 -3v-11l5 5" /><path d="M13 4a3 3 0 0 1 3 3v11l-5 -5" /><rect x="4" y="4" width="16" height="16" rx="3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">nfc</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="note" title="note" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/note --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 20v-6a1 1 0 0 1 1 -1h6v-7a2 2 0 0 0 -2 -2h-12a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/note -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="13" y1="20" x2="20" y2="13" /><path d="M13 20v-6a1 1 0 0 1 1 -1h6v-7a2 2 0 0 0 -2 -2h-12a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">note</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="notebook" title="notebook" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/notebook --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 4h11a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-11a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1m3 0v18"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/notebook -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 4h11a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-11a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1m3 0v18" /><line x1="13" y1="8" x2="15" y2="8" /><line x1="13" y1="12" x2="15" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">notebook</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="notes" title="notes" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/notes --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"5"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"14"</span> <span class="na">height=</span><span class="s">"18"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/notes -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="3" width="14" height="18" rx="2" /><line x1="9" y1="7" x2="15" y2="7" /><line x1="9" y1="11" x2="15" y2="11" /><line x1="9" y1="15" x2="13" y2="15" /></svg>
|
|
<div class="mt-1 text-muted text-h5">notes</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="notification" title="notification" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/notification --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 6h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"7"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/notification -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 6h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><circle cx="17" cy="7" r="3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">notification</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="number-0" title="number-0" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/number-0 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 16v-8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 20a4 4 0 0 0 4 -4v-8a4 4 0 1 0 -8 0v8a4 4 0 0 0 4 4z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/number-0 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 16v-8" /><path d="M12 20a4 4 0 0 0 4 -4v-8a4 4 0 1 0 -8 0v8a4 4 0 0 0 4 4z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">number-0</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="number-1" title="number-1" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/number-1 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 20v-16l-5 5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/number-1 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 20v-16l-5 5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">number-1</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="number-2" title="number-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/number-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 8a4 4 0 1 1 8 0c0 1.098 -.564 2.025 -1.159 2.815l-6.841 9.185h8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/number-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 8a4 4 0 1 1 8 0c0 1.098 -.564 2.025 -1.159 2.815l-6.841 9.185h8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">number-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="number-3" title="number-3" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/number-3 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12a4 4 0 1 0 -4 -4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 16a4 4 0 1 0 4 -4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/number-3 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12a4 4 0 1 0 -4 -4" /><path d="M8 16a4 4 0 1 0 4 -4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">number-3</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="number-4" title="number-4" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/number-4 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 20v-15l-8 11h10"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/number-4 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 20v-15l-8 11h10" /></svg>
|
|
<div class="mt-1 text-muted text-h5">number-4</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="number-5" title="number-5" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/number-5 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 20h4a4 4 0 1 0 0 -8h-4v-8h8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/number-5 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 20h4a4 4 0 1 0 0 -8h-4v-8h8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">number-5</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="number-6" title="number-6" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/number-6 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 16a4 4 0 1 0 8 0v-1a4 4 0 1 0 -8 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 8a4 4 0 1 0 -8 0v8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/number-6 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 16a4 4 0 1 0 8 0v-1a4 4 0 1 0 -8 0" /><path d="M16 8a4 4 0 1 0 -8 0v8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">number-6</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="number-7" title="number-7" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/number-7 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 4h8l-4 16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/number-7 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 4h8l-4 16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">number-7</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="number-8" title="number-8" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/number-8 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"8"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"16"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/number-8 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="8" r="4" /><circle cx="12" cy="16" r="4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">number-8</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="number-9" title="number-9" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/number-9 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 8a4 4 0 1 0 -8 0v1a4 4 0 1 0 8 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 16a4 4 0 1 0 8 0v-8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/number-9 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 8a4 4 0 1 0 -8 0v1a4 4 0 1 0 8 0" /><path d="M8 16a4 4 0 1 0 8 0v-8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">number-9</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="octagon-off" title="octagon-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/octagon-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7.647 3.653l.353 -.353c.2 -.2 .4 -.3 .7 -.3h6.6c.3 0 .5 .1 .7 .3l4.7 4.7c.2 .2 .3 .4 .3 .7v6.6c0 .3 -.1 .5 -.3 .7l-.35 .35m-1.997 1.997l-2.353 2.353c-.2 .2 -.4 .3 -.7 .3h-6.6c-.3 0 -.5 -.1 -.7 -.3l-4.7 -4.7c-.2 -.2 -.3 -.4 -.3 -.7v-6.6c0 -.3 .1 -.5 .3 -.7l2.35 -2.35"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 3l18 18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/octagon-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7.647 3.653l.353 -.353c.2 -.2 .4 -.3 .7 -.3h6.6c.3 0 .5 .1 .7 .3l4.7 4.7c.2 .2 .3 .4 .3 .7v6.6c0 .3 -.1 .5 -.3 .7l-.35 .35m-1.997 1.997l-2.353 2.353c-.2 .2 -.4 .3 -.7 .3h-6.6c-.3 0 -.5 -.1 -.7 -.3l-4.7 -4.7c-.2 -.2 -.3 -.4 -.3 -.7v-6.6c0 -.3 .1 -.5 .3 -.7l2.35 -2.35" /><path d="M3 3l18 18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">octagon-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="octagon" title="octagon" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/octagon --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8.7 3h6.6c.3 0 .5 .1 .7 .3l4.7 4.7c.2 .2 .3 .4 .3 .7v6.6c0 .3 -.1 .5 -.3 .7l-4.7 4.7c-.2 .2 -.4 .3 -.7 .3h-6.6c-.3 0 -.5 -.1 -.7 -.3l-4.7 -4.7c-.2 -.2 -.3 -.4 -.3 -.7v-6.6c0 -.3 .1 -.5 .3 -.7l4.7 -4.7c.2 -.2 .4 -.3 .7 -.3z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/octagon -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8.7 3h6.6c.3 0 .5 .1 .7 .3l4.7 4.7c.2 .2 .3 .4 .3 .7v6.6c0 .3 -.1 .5 -.3 .7l-4.7 4.7c-.2 .2 -.4 .3 -.7 .3h-6.6c-.3 0 -.5 -.1 -.7 -.3l-4.7 -4.7c-.2 -.2 -.3 -.4 -.3 -.7v-6.6c0 -.3 .1 -.5 .3 -.7l4.7 -4.7c.2 -.2 .4 -.3 .7 -.3z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">octagon</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="old" title="old" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/old --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 21l-1 -4l-2 -3v-6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 14l-1 -3l4 -3l3 2l3 .5"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"8"</span> <span class="na">cy=</span><span class="s">"4"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 17l-2 4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 21v-8.5a1.5 1.5 0 0 1 3 0v.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/old -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 21l-1 -4l-2 -3v-6" /><path d="M5 14l-1 -3l4 -3l3 2l3 .5" /><circle cx="8" cy="4" r="1" /><path d="M7 17l-2 4" /><path d="M16 21v-8.5a1.5 1.5 0 0 1 3 0v.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">old</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="olympics" title="olympics" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/olympics --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6"</span> <span class="na">cy=</span><span class="s">"9"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"18"</span> <span class="na">cy=</span><span class="s">"9"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"9"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"9"</span> <span class="na">cy=</span><span class="s">"15"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"15"</span> <span class="na">cy=</span><span class="s">"15"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/olympics -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="9" r="3" /><circle cx="18" cy="9" r="3" /><circle cx="12" cy="9" r="3" /><circle cx="9" cy="15" r="3" /><circle cx="15" cy="15" r="3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">olympics</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="omega" title="omega" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/omega --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 19h5v-1a7.35 7.35 0 1 1 6 0v1h5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/omega -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 19h5v-1a7.35 7.35 0 1 1 6 0v1h5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">omega</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="outlet" title="outlet" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/outlet --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"9"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">".5"</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"15"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">".5"</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/outlet -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><circle cx="9" cy="12" r=".5" fill="currentColor" /><circle cx="15" cy="12" r=".5" fill="currentColor" /></svg>
|
|
<div class="mt-1 text-muted text-h5">outlet</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="overline" title="overline" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/overline --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 9v5a5 5 0 0 0 10 0v-5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 5h14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/overline -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 9v5a5 5 0 0 0 10 0v-5" /><path d="M5 5h14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">overline</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="package" title="package" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/package --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"7.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"7.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"5.25"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"9.75"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/package -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
|
<div class="mt-1 text-muted text-h5">package</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="pacman" title="pacman" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/pacman --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5.636 5.636a9 9 0 0 1 13.397 .747l-5.619 5.617l5.619 5.617a9 9 0 1 1 -13.397 -11.981z"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"11.5"</span> <span class="na">cy=</span><span class="s">"7.5"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/pacman -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5.636 5.636a9 9 0 0 1 13.397 .747l-5.619 5.617l5.619 5.617a9 9 0 1 1 -13.397 -11.981z" /><circle cx="11.5" cy="7.5" r="1" fill="currentColor" /></svg>
|
|
<div class="mt-1 text-muted text-h5">pacman</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="page-break" title="page-break" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/page-break --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 3v4a1 1 0 0 0 1 1h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 18v1a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 14h3m4.5 0h3m4.5 0h3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 10v-5a2 2 0 0 1 2 -2h7l5 5v2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/page-break -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M19 18v1a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-1" /><path d="M3 14h3m4.5 0h3m4.5 0h3" /><path d="M5 10v-5a2 2 0 0 1 2 -2h7l5 5v2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">page-break</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="paint" title="paint" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/paint --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"5"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"14"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 6h1a2 2 0 0 1 2 2a5 5 0 0 1 -5 5l-5 0v2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"10"</span> <span class="na">y=</span><span class="s">"15"</span> <span class="na">width=</span><span class="s">"4"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/paint -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="3" width="14" height="6" rx="2" /><path d="M19 6h1a2 2 0 0 1 2 2a5 5 0 0 1 -5 5l-5 0v2" /><rect x="10" y="15" width="4" height="6" rx="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">paint</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="palette" title="palette" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/palette --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 21a9 9 0 1 1 0 -18a9 8 0 0 1 9 8a4.5 4 0 0 1 -4.5 4h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"7.5"</span> <span class="na">cy=</span><span class="s">"10.5"</span> <span class="na">r=</span><span class="s">".5"</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"7.5"</span> <span class="na">r=</span><span class="s">".5"</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"16.5"</span> <span class="na">cy=</span><span class="s">"10.5"</span> <span class="na">r=</span><span class="s">".5"</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/palette -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 21a9 9 0 1 1 0 -18a9 8 0 0 1 9 8a4.5 4 0 0 1 -4.5 4h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25" /><circle cx="7.5" cy="10.5" r=".5" fill="currentColor" /><circle cx="12" cy="7.5" r=".5" fill="currentColor" /><circle cx="16.5" cy="10.5" r=".5" fill="currentColor" /></svg>
|
|
<div class="mt-1 text-muted text-h5">palette</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="panorama-horizontal" title="panorama-horizontal" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/panorama-horizontal --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4.338 5.53c5.106 1.932 10.211 1.932 15.317 .002a1 1 0 0 1 1.345 .934v11c0 .692 -.692 1.2 -1.34 .962c-5.107 -1.932 -10.214 -1.932 -15.321 0c-.648 .246 -1.339 -.242 -1.339 -.935v-11.027a1 1 0 0 1 1.338 -.935z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/panorama-horizontal -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4.338 5.53c5.106 1.932 10.211 1.932 15.317 .002a1 1 0 0 1 1.345 .934v11c0 .692 -.692 1.2 -1.34 .962c-5.107 -1.932 -10.214 -1.932 -15.321 0c-.648 .246 -1.339 -.242 -1.339 -.935v-11.027a1 1 0 0 1 1.338 -.935z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">panorama-horizontal</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="panorama-vertical" title="panorama-vertical" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/panorama-vertical --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18.463 4.338c-1.932 5.106 -1.932 10.211 0 15.317a1 1 0 0 1 -.934 1.345h-11c-.692 0 -1.208 -.692 -.962 -1.34c1.932 -5.107 1.932 -10.214 0 -15.321c-.246 -.648 .243 -1.339 .935 -1.339h11.028c.693 0 1.18 .691 .935 1.338z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/panorama-vertical -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18.463 4.338c-1.932 5.106 -1.932 10.211 0 15.317a1 1 0 0 1 -.934 1.345h-11c-.692 0 -1.208 -.692 -.962 -1.34c1.932 -5.107 1.932 -10.214 0 -15.321c-.246 -.648 .243 -1.339 .935 -1.339h11.028c.693 0 1.18 .691 .935 1.338z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">panorama-vertical</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="paperclip" title="paperclip" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/paperclip --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 7l-6.5 6.5a1.5 1.5 0 0 0 3 3l6.5 -6.5a3 3 0 0 0 -6 -6l-6.5 6.5a4.5 4.5 0 0 0 9 9l6.5 -6.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/paperclip -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 7l-6.5 6.5a1.5 1.5 0 0 0 3 3l6.5 -6.5a3 3 0 0 0 -6 -6l-6.5 6.5a4.5 4.5 0 0 0 9 9l6.5 -6.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">paperclip</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="parachute" title="parachute" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/parachute --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M22 12a10 10 0 1 0 -20 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M22 12c0 -1.66 -1.46 -3 -3.25 -3c-1.8 0 -3.25 1.34 -3.25 3c0 -1.66 -1.57 -3 -3.5 -3s-3.5 1.34 -3.5 3c0 -1.66 -1.46 -3 -3.25 -3c-1.8 0 -3.25 1.34 -3.25 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M2 12l10 10l-3.5 -10"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15.5 12l-3.5 10l10 -10"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/parachute -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M22 12a10 10 0 1 0 -20 0" /><path d="M22 12c0 -1.66 -1.46 -3 -3.25 -3c-1.8 0 -3.25 1.34 -3.25 3c0 -1.66 -1.57 -3 -3.5 -3s-3.5 1.34 -3.5 3c0 -1.66 -1.46 -3 -3.25 -3c-1.8 0 -3.25 1.34 -3.25 3" /><path d="M2 12l10 10l-3.5 -10" /><path d="M15.5 12l-3.5 10l10 -10" /></svg>
|
|
<div class="mt-1 text-muted text-h5">parachute</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="parentheses" title="parentheses" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/parentheses --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 4a12.25 12.25 0 0 0 0 16"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 4a12.25 12.25 0 0 1 0 16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/parentheses -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4a12.25 12.25 0 0 0 0 16" /><path d="M17 4a12.25 12.25 0 0 1 0 16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">parentheses</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="parking" title="parking" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/parking --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 16v-8h4a2 2 0 0 1 0 4h-4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/parking -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M9 16v-8h4a2 2 0 0 1 0 4h-4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">parking</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="peace" title="peace" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/peace --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"18.3"</span> <span class="na">y2=</span><span class="s">"18.3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"5.7"</span> <span class="na">y2=</span><span class="s">"18.3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/peace -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="12" y1="3" x2="12" y2="21" /><line x1="12" y1="12" x2="18.3" y2="18.3" /><line x1="12" y1="12" x2="5.7" y2="18.3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">peace</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="pencil" title="pencil" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/pencil --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 20h4l10.5 -10.5a1.5 1.5 0 0 0 -4 -4l-10.5 10.5v4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13.5"</span> <span class="na">y1=</span><span class="s">"6.5"</span> <span class="na">x2=</span><span class="s">"17.5"</span> <span class="na">y2=</span><span class="s">"10.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/pencil -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 20h4l10.5 -10.5a1.5 1.5 0 0 0 -4 -4l-10.5 10.5v4" /><line x1="13.5" y1="6.5" x2="17.5" y2="10.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">pencil</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="pennant" title="pennant" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/pennant --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 4l9 4l-9 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/pennant -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="21" x2="12" y2="21" /><line x1="10" y1="21" x2="10" y2="3" /><path d="M10 4l9 4l-9 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">pennant</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="percentage" title="percentage" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/percentage --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"7"</span> <span class="na">cy=</span><span class="s">"7"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/percentage -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="17" cy="17" r="1" /><circle cx="7" cy="7" r="1" /><line x1="6" y1="18" x2="18" y2="6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">percentage</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="perspective" title="perspective" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/perspective --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6.141 4.163l12 1.714a1 1 0 0 1 .859 .99v10.266a1 1 0 0 1 -.859 .99l-12 1.714a1 1 0 0 1 -1.141 -.99v-13.694a1 1 0 0 1 1.141 -.99z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/perspective -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6.141 4.163l12 1.714a1 1 0 0 1 .859 .99v10.266a1 1 0 0 1 -.859 .99l-12 1.714a1 1 0 0 1 -1.141 -.99v-13.694a1 1 0 0 1 1.141 -.99z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">perspective</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="phone-call" title="phone-call" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/phone-call --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 7a2 2 0 0 1 2 2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 3a6 6 0 0 1 6 6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/phone-call -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><path d="M15 7a2 2 0 0 1 2 2" /><path d="M15 3a6 6 0 0 1 6 6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">phone-call</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="phone-calling" title="phone-calling" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/phone-calling --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"7.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"7.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"21"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"7.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/phone-calling -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><line x1="15" y1="7" x2="15" y2="7.01" /><line x1="18" y1="7" x2="18" y2="7.01" /><line x1="21" y1="7" x2="21" y2="7.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">phone-calling</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="phone-check" title="phone-check" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/phone-check --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 6l2 2l4 -4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/phone-check -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><path d="M15 6l2 2l4 -4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">phone-check</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="phone-incoming" title="phone-incoming" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/phone-incoming --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"15 5 15 9 19 9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/phone-incoming -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><line x1="15" y1="9" x2="20" y2="4" /><polyline points="15 5 15 9 19 9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">phone-incoming</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="phone-off" title="phone-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/phone-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5.831 14.161a15.946 15.946 0 0 1 -2.831 -8.161a2 2 0 0 1 2 -2h4l2 5l-2.5 1.5c.108 .22 .223 .435 .345 .645m1.751 2.277c.843 .84 1.822 1.544 2.904 2.078l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a15.963 15.963 0 0 1 -10.344 -4.657"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/phone-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="3" /><path d="M5.831 14.161a15.946 15.946 0 0 1 -2.831 -8.161a2 2 0 0 1 2 -2h4l2 5l-2.5 1.5c.108 .22 .223 .435 .345 .645m1.751 2.277c.843 .84 1.822 1.544 2.904 2.078l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a15.963 15.963 0 0 1 -10.344 -4.657" /></svg>
|
|
<div class="mt-1 text-muted text-h5">phone-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="phone-outgoing" title="phone-outgoing" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/phone-outgoing --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"16 4 20 4 20 8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/phone-outgoing -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><line x1="15" y1="9" x2="20" y2="4" /><polyline points="16 4 20 4 20 8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">phone-outgoing</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="phone-pause" title="phone-pause" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/phone-pause --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/phone-pause -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><line x1="20" y1="3" x2="20" y2="7" /><line x1="16" y1="3" x2="16" y2="7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">phone-pause</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="phone-plus" title="phone-plus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/phone-plus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 6h6m-3 -3v6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/phone-plus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><path d="M15 6h6m-3 -3v6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">phone-plus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="phone-x" title="phone-x" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/phone-x --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 4l4 4m0 -4l-4 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/phone-x -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /><path d="M16 4l4 4m0 -4l-4 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">phone-x</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="phone" title="phone" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/phone --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/phone -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">phone</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="photo-off" title="photo-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/photo-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"15.01"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19.121 19.122a3 3 0 0 1 -2.121 .878h-10a3 3 0 0 1 -3 -3v-10c0 -.833 .34 -1.587 .888 -2.131m3.112 -.869h9a3 3 0 0 1 3 3v9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 15l4 -4c.928 -.893 2.072 -.893 3 0l5 5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16.32 12.34c.577 -.059 1.162 .162 1.68 .66l2 2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/photo-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><line x1="15" y1="8" x2="15.01" y2="8" /><path d="M19.121 19.122a3 3 0 0 1 -2.121 .878h-10a3 3 0 0 1 -3 -3v-10c0 -.833 .34 -1.587 .888 -2.131m3.112 -.869h9a3 3 0 0 1 3 3v9" /><path d="M4 15l4 -4c.928 -.893 2.072 -.893 3 0l5 5" /><path d="M16.32 12.34c.577 -.059 1.162 .162 1.68 .66l2 2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">photo-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="photo" title="photo" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/photo --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"15.01"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 15l4 -4a3 5 0 0 1 3 0l5 5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 14l1 -1a3 5 0 0 1 3 0l2 2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/photo -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="15" y1="8" x2="15.01" y2="8" /><rect x="4" y="4" width="16" height="16" rx="3" /><path d="M4 15l4 -4a3 5 0 0 1 3 0l5 5" /><path d="M14 14l1 -1a3 5 0 0 1 3 0l2 2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">photo</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="physotherapist" title="physotherapist" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/physotherapist --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 15l-1 -3l4 -2l4 1h3.5"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"4"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"6"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 17v-7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 20h7l1 -4l4 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 20h3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/physotherapist -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 15l-1 -3l4 -2l4 1h3.5" /><circle cx="4" cy="19" r="1" /><circle cx="12" cy="6" r="1" /><path d="M12 17v-7" /><path d="M8 20h7l1 -4l4 -2" /><path d="M18 20h3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">physotherapist</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="picture-in-picture-off" title="picture-in-picture-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/picture-in-picture-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 19h-6a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v4"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"14"</span> <span class="na">y=</span><span class="s">"14"</span> <span class="na">width=</span><span class="s">"7"</span> <span class="na">height=</span><span class="s">"5"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"11"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 12v-3h3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/picture-in-picture-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 19h-6a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v4" /><rect x="14" y="14" width="7" height="5" rx="1" /><line x1="7" y1="9" x2="11" y2="13" /><path d="M7 12v-3h3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">picture-in-picture-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="picture-in-picture-on" title="picture-in-picture-on" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/picture-in-picture-on --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 19h-6a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v4"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"14"</span> <span class="na">y=</span><span class="s">"14"</span> <span class="na">width=</span><span class="s">"7"</span> <span class="na">height=</span><span class="s">"5"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"11"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 13h3v-3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/picture-in-picture-on -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 19h-6a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v4" /><rect x="14" y="14" width="7" height="5" rx="1" /><line x1="7" y1="9" x2="11" y2="13" /><path d="M8 13h3v-3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">picture-in-picture-on</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="picture-in-picture" title="picture-in-picture" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/picture-in-picture --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 19h-6a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v4"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"14"</span> <span class="na">y=</span><span class="s">"14"</span> <span class="na">width=</span><span class="s">"7"</span> <span class="na">height=</span><span class="s">"5"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/picture-in-picture -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 19h-6a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v4" /><rect x="14" y="14" width="7" height="5" rx="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">picture-in-picture</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="pill" title="pill" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/pill --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4.5 12.5l8 -8a4.94 4.94 0 0 1 7 7l-8 8a4.94 4.94 0 0 1 -7 -7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8.5"</span> <span class="na">y1=</span><span class="s">"8.5"</span> <span class="na">x2=</span><span class="s">"15.5"</span> <span class="na">y2=</span><span class="s">"15.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/pill -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4.5 12.5l8 -8a4.94 4.94 0 0 1 7 7l-8 8a4.94 4.94 0 0 1 -7 -7" /><line x1="8.5" y1="8.5" x2="15.5" y2="15.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">pill</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="pin" title="pin" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/pin --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 4.5l-4 4l-4 1.5l-1.5 1.5l7 7l1.5 -1.5l1.5 -4l4 -4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"4.5"</span> <span class="na">y2=</span><span class="s">"19.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14.5"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"9.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/pin -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 4.5l-4 4l-4 1.5l-1.5 1.5l7 7l1.5 -1.5l1.5 -4l4 -4" /><line x1="9" y1="15" x2="4.5" y2="19.5" /><line x1="14.5" y1="4" x2="20" y2="9.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">pin</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="pinned-off" title="pinned-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/pinned-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 4.5l-3.249 3.249m-2.57 1.433l-2.181 .818l-1.5 1.5l7 7l1.5 -1.5l.82 -2.186m1.43 -2.563l3.25 -3.251"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"4.5"</span> <span class="na">y2=</span><span class="s">"19.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14.5"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"9.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/pinned-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M15 4.5l-3.249 3.249m-2.57 1.433l-2.181 .818l-1.5 1.5l7 7l1.5 -1.5l.82 -2.186m1.43 -2.563l3.25 -3.251" /><line x1="9" y1="15" x2="4.5" y2="19.5" /><line x1="14.5" y1="4" x2="20" y2="9.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">pinned-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="pinned" title="pinned" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/pinned --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 4v6l-2 4v2h10v-2l-2 -4v-6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/pinned -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 4v6l-2 4v2h10v-2l-2 -4v-6" /><line x1="12" y1="16" x2="12" y2="21" /><line x1="8" y1="4" x2="16" y2="4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">pinned</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="pizza" title="pizza" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/pizza --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 21.5c-3.04 0 -5.952 -.714 -8.5 -1.983l8.5 -16.517l8.5 16.517a19.09 19.09 0 0 1 -8.5 1.983z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5.2 15.772a14.939 14.939 0 0 0 6.995 1.728a14.944 14.944 0 0 0 6.638 -1.545"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"11.01"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"11"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"11"</span> <span class="na">y2=</span><span class="s">"13.99"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/pizza -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 21.5c-3.04 0 -5.952 -.714 -8.5 -1.983l8.5 -16.517l8.5 16.517a19.09 19.09 0 0 1 -8.5 1.983z" /><path d="M5.2 15.772a14.939 14.939 0 0 0 6.995 1.728a14.944 14.944 0 0 0 6.638 -1.545" /><line x1="13" y1="11.01" x2="13" y2="11" /><line x1="11" y1="14" x2="11" y2="13.99" /></svg>
|
|
<div class="mt-1 text-muted text-h5">pizza</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="plane-arrival" title="plane-arrival" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/plane-arrival --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 12h5a2 2 0 0 1 0 4h-15l-3 -6h3l2 2h3l-2 -7h3z"</span> <span class="na">transform=</span><span class="s">"rotate(15 12 12) translate(0 -1)"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/plane-arrival -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 12h5a2 2 0 0 1 0 4h-15l-3 -6h3l2 2h3l-2 -7h3z" transform="rotate(15 12 12) translate(0 -1)" /><line x1="3" y1="21" x2="21" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">plane-arrival</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="plane-departure" title="plane-departure" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/plane-departure --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 12h5a2 2 0 0 1 0 4h-15l-3 -6h3l2 2h3l-2 -7h3z"</span> <span class="na">transform=</span><span class="s">"rotate(-15 12 12) translate(0 -1)"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/plane-departure -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 12h5a2 2 0 0 1 0 4h-15l-3 -6h3l2 2h3l-2 -7h3z" transform="rotate(-15 12 12) translate(0 -1)" /><line x1="3" y1="21" x2="21" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">plane-departure</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="plane" title="plane" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/plane --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 10h4a2 2 0 0 1 0 4h-4l-4 7h-3l2 -7h-4l-2 2h-3l2 -4l-2 -4h3l2 2h4l-2 -7h3z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/plane -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 10h4a2 2 0 0 1 0 4h-4l-4 7h-3l2 -7h-4l-2 2h-3l2 -4l-2 -4h3l2 2h4l-2 -7h3z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">plane</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="planet" title="planet" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/planet --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18.816 13.58c2.292 2.138 3.546 4 3.092 4.9c-.745 1.46 -5.783 -.259 -11.255 -3.838c-5.47 -3.579 -9.304 -7.664 -8.56 -9.123c.464 -.91 2.926 -.444 5.803 .805"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/planet -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18.816 13.58c2.292 2.138 3.546 4 3.092 4.9c-.745 1.46 -5.783 -.259 -11.255 -3.838c-5.47 -3.579 -9.304 -7.664 -8.56 -9.123c.464 -.91 2.926 -.444 5.803 .805" /><circle cx="12" cy="12" r="7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">planet</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="plant-2" title="plant-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/plant-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M2 9a10 10 0 1 0 20 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 19a10 10 0 0 1 10 -10"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M2 9a10 10 0 0 1 10 10"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 4a9.7 9.7 0 0 1 2.99 7.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.01 11.5a9.7 9.7 0 0 1 2.99 -7.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/plant-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M2 9a10 10 0 1 0 20 0" /><path d="M12 19a10 10 0 0 1 10 -10" /><path d="M2 9a10 10 0 0 1 10 10" /><path d="M12 4a9.7 9.7 0 0 1 2.99 7.5" /><path d="M9.01 11.5a9.7 9.7 0 0 1 2.99 -7.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">plant-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="plant" title="plant" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/plant --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 15h10v4a2 2 0 0 1 -2 2h-6a2 2 0 0 1 -2 -2v-4z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 9a6 6 0 0 0 -6 -6h-3v2a6 6 0 0 0 6 6h3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 11a6 6 0 0 1 6 -6h3v1a6 6 0 0 1 -6 6h-3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/plant -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 15h10v4a2 2 0 0 1 -2 2h-6a2 2 0 0 1 -2 -2v-4z" /><path d="M12 9a6 6 0 0 0 -6 -6h-3v2a6 6 0 0 0 6 6h3" /><path d="M12 11a6 6 0 0 1 6 -6h3v1a6 6 0 0 1 -6 6h-3" /><line x1="12" y1="15" x2="12" y2="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">plant</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="play-card" title="play-card" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/play-card --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">transform=</span><span class="s">"rotate(90 12 12)"</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"8.01"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"16.01"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 16l-3 -4l3 -4l3 4z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/play-card -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect transform="rotate(90 12 12)" x="3" y="5" width="18" height="14" rx="2" /><line x1="8" y1="6" x2="8.01" y2="6" /><line x1="16" y1="18" x2="16.01" y2="18" /><path d="M12 16l-3 -4l3 -4l3 4z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">play-card</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="player-pause" title="player-pause" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/player-pause --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"6"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">width=</span><span class="s">"4"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"14"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">width=</span><span class="s">"4"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/player-pause -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="6" y="5" width="4" height="14" rx="1" /><rect x="14" y="5" width="4" height="14" rx="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">player-pause</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="player-play" title="player-play" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/player-play --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 4v16l13 -8z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/player-play -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 4v16l13 -8z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">player-play</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="player-record" title="player-record" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/player-record --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/player-record -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">player-record</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="player-skip-back" title="player-skip-back" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/player-skip-back --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 5v14l-12 -7z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/player-skip-back -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 5v14l-12 -7z" /><line x1="4" y1="5" x2="4" y2="19" /></svg>
|
|
<div class="mt-1 text-muted text-h5">player-skip-back</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="player-skip-forward" title="player-skip-forward" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/player-skip-forward --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 5v14l12 -7z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/player-skip-forward -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 5v14l12 -7z" /><line x1="20" y1="5" x2="20" y2="19" /></svg>
|
|
<div class="mt-1 text-muted text-h5">player-skip-forward</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="player-stop" title="player-stop" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/player-stop --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"5"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">width=</span><span class="s">"14"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/player-stop -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="5" width="14" height="14" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">player-stop</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="player-track-next" title="player-track-next" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/player-track-next --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 5v14l8 -7z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 5v14l8 -7z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/player-track-next -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 5v14l8 -7z" /><path d="M14 5v14l8 -7z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">player-track-next</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="player-track-prev" title="player-track-prev" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/player-track-prev --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 5v14l-8 -7z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 5v14l-8 -7z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/player-track-prev -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 5v14l-8 -7z" /><path d="M10 5v14l-8 -7z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">player-track-prev</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="playlist" title="playlist" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/playlist --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"14"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 17v-13h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 5h-10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 13h-6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/playlist -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="14" cy="17" r="3" /><path d="M17 17v-13h4" /><path d="M13 5h-10" /><line x1="3" y1="9" x2="13" y2="9" /><path d="M9 13h-6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">playlist</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="plug" title="plug" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/plug --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 7h10v6a3 3 0 0 1 -3 3h-4a3 3 0 0 1 -3 -3v-6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 16v2a2 2 0 0 0 2 2h3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/plug -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 7h10v6a3 3 0 0 1 -3 3h-4a3 3 0 0 1 -3 -3v-6" /><line x1="9" y1="3" x2="9" y2="7" /><line x1="15" y1="3" x2="15" y2="7" /><path d="M12 16v2a2 2 0 0 0 2 2h3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">plug</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="plus" title="plus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/plus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/plus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">plus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="point" title="point" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/point --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/point -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">point</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="pokeball" title="pokeball" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/pokeball --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"9"</span> <span class="na">cy=</span><span class="s">"9"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="na">transform=</span><span class="s">"translate(3 3)"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 12h6m6 0h6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/pokeball -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="9" r="9" transform="translate(3 3)" /><circle cx="12" cy="12" r="3" /><path d="M3 12h6m6 0h6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">pokeball</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="polaroid" title="polaroid" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/polaroid --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 12l3 -3c.928 -.893 2.072 -.893 3 0l4 4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 12l2 -2c.928 -.893 2.072 -.893 3 0l2 2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"14.01"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/polaroid -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="4" y1="16" x2="20" y2="16" /><path d="M4 12l3 -3c.928 -.893 2.072 -.893 3 0l4 4" /><path d="M13 12l2 -2c.928 -.893 2.072 -.893 3 0l2 2" /><line x1="14" y1="7" x2="14.01" y2="7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">polaroid</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="pool" title="pool" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/pool --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M2 20a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M2 16a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 12v-7.5a1.5 1.5 0 0 1 3 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 12v-7.5a1.5 1.5 0 0 0 -3 0"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/pool -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M2 20a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1" /><path d="M2 16a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1" /><path d="M15 12v-7.5a1.5 1.5 0 0 1 3 0" /><path d="M9 12v-7.5a1.5 1.5 0 0 0 -3 0" /><line x1="15" y1="5" x2="9" y2="5" /><line x1="9" y1="10" x2="15" y2="10" /></svg>
|
|
<div class="mt-1 text-muted text-h5">pool</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="power" title="power" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/power --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 6a7.75 7.75 0 1 0 10 0"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/power -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 6a7.75 7.75 0 1 0 10 0" /><line x1="12" y1="4" x2="12" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">power</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="pray" title="pray" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/pray --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"5"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 20h8l-4 -4v-7l4 3l2 -2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/pray -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="5" r="1" /><path d="M7 20h8l-4 -4v-7l4 3l2 -2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">pray</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="presentation-analytics" title="presentation-analytics" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/presentation-analytics --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 12v-4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 12v-2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12v-1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 4h18"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 4v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-10"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 16v4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 20h6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/presentation-analytics -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 12v-4" /><path d="M15 12v-2" /><path d="M12 12v-1" /><path d="M3 4h18" /><path d="M4 4v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-10" /><path d="M12 16v4" /><path d="M9 20h6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">presentation-analytics</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="presentation" title="presentation" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/presentation --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 4v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 12l3 -3l2 2l3 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/presentation -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="4" x2="21" y2="4" /><path d="M4 4v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-10" /><line x1="12" y1="16" x2="12" y2="20" /><line x1="9" y1="20" x2="15" y2="20" /><path d="M8 12l3 -3l2 2l3 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">presentation</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="printer" title="printer" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/printer --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 17h2a2 2 0 0 0 2 -2v-4a2 2 0 0 0 -2 -2h-14a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 9v-4a2 2 0 0 0 -2 -2h-6a2 2 0 0 0 -2 2v4"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"7"</span> <span class="na">y=</span><span class="s">"13"</span> <span class="na">width=</span><span class="s">"10"</span> <span class="na">height=</span><span class="s">"8"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/printer -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 17h2a2 2 0 0 0 2 -2v-4a2 2 0 0 0 -2 -2h-14a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h2" /><path d="M17 9v-4a2 2 0 0 0 -2 -2h-6a2 2 0 0 0 -2 2v4" /><rect x="7" y="13" width="10" height="8" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">printer</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="prompt" title="prompt" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/prompt --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"5 7 10 12 5 17"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/prompt -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 7 10 12 5 17" /><line x1="13" y1="17" x2="19" y2="17" /></svg>
|
|
<div class="mt-1 text-muted text-h5">prompt</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="propeller" title="propeller" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/propeller --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"13"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14.167 10.5c.722 -1.538 1.156 -3.043 1.303 -4.514c.22 -1.63 -.762 -2.986 -3.47 -2.986s-3.69 1.357 -3.47 2.986c.147 1.471 .581 2.976 1.303 4.514"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13.169 16.751c.97 1.395 2.057 2.523 3.257 3.386c1.3 1.006 2.967 .833 4.321 -1.512c1.354 -2.345 .67 -3.874 -.85 -4.498c-1.348 -.608 -2.868 -.985 -4.562 -1.128"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8.664 12.999c-1.693 .143 -3.213 .52 -4.56 1.128c-1.522 .623 -2.206 2.153 -.852 4.498s3.02 2.517 4.321 1.512c1.2 -.863 2.287 -1.991 3.258 -3.386"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/propeller -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="13" r="3" /><path d="M14.167 10.5c.722 -1.538 1.156 -3.043 1.303 -4.514c.22 -1.63 -.762 -2.986 -3.47 -2.986s-3.69 1.357 -3.47 2.986c.147 1.471 .581 2.976 1.303 4.514" /><path d="M13.169 16.751c.97 1.395 2.057 2.523 3.257 3.386c1.3 1.006 2.967 .833 4.321 -1.512c1.354 -2.345 .67 -3.874 -.85 -4.498c-1.348 -.608 -2.868 -.985 -4.562 -1.128" /><path d="M8.664 12.999c-1.693 .143 -3.213 .52 -4.56 1.128c-1.522 .623 -2.206 2.153 -.852 4.498s3.02 2.517 4.321 1.512c1.2 -.863 2.287 -1.991 3.258 -3.386" /></svg>
|
|
<div class="mt-1 text-muted text-h5">propeller</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="puzzle" title="puzzle" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/puzzle --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/puzzle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">puzzle</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="pyramid" title="pyramid" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/pyramid --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 17l9 4l9 -4l-9 -14z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3v18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/pyramid -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 17l9 4l9 -4l-9 -14z" /><path d="M12 3v18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">pyramid</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="qrcode" title="qrcode" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/qrcode --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"17.01"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"14"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"7.01"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"14"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"7.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"14.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/qrcode -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><line x1="7" y1="17" x2="7" y2="17.01" /><rect x="14" y="4" width="6" height="6" rx="1" /><line x1="7" y1="7" x2="7" y2="7.01" /><rect x="4" y="14" width="6" height="6" rx="1" /><line x1="17" y1="7" x2="17" y2="7.01" /><line x1="14" y1="14" x2="17" y2="14" /><line x1="20" y1="14" x2="20" y2="14.01" /><line x1="14" y1="14" x2="14" y2="17" /><line x1="14" y1="20" x2="17" y2="20" /><line x1="17" y1="17" x2="20" y2="17" /><line x1="20" y1="17" x2="20" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">qrcode</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="question-mark" title="question-mark" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/question-mark --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 8a3.5 3 0 0 1 3.5 -3h1a3.5 3 0 0 1 3.5 3a3 3 0 0 1 -2 3a3 4 0 0 0 -2 4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"19.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/question-mark -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 8a3.5 3 0 0 1 3.5 -3h1a3.5 3 0 0 1 3.5 3a3 3 0 0 1 -2 3a3 4 0 0 0 -2 4" /><line x1="12" y1="19" x2="12" y2="19.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">question-mark</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="radioactive" title="radioactive" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/radioactive --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13.5 14.6l3 5.19a9 9 0 0 0 4.5 -7.79h-6a3 3 0 0 1 -1.5 2.6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13.5 9.4l3 -5.19a9 9 0 0 0 -9 0l3 5.19a3 3 0 0 1 3 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10.5 14.6l-3 5.19a9 9 0 0 1 -4.5 -7.79h6a3 3 0 0 0 1.5 2.6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/radioactive -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13.5 14.6l3 5.19a9 9 0 0 0 4.5 -7.79h-6a3 3 0 0 1 -1.5 2.6" /><path d="M13.5 9.4l3 -5.19a9 9 0 0 0 -9 0l3 5.19a3 3 0 0 1 3 0" /><path d="M10.5 14.6l-3 5.19a9 9 0 0 1 -4.5 -7.79h6a3 3 0 0 0 1.5 2.6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">radioactive</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="radius-bottom-left" title="radius-bottom-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/radius-bottom-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 19h-6a8 8 0 0 1 -8 -8v-6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/radius-bottom-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 19h-6a8 8 0 0 1 -8 -8v-6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">radius-bottom-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="radius-bottom-right" title="radius-bottom-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/radius-bottom-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 5v6a8 8 0 0 1 -8 8h-6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/radius-bottom-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 5v6a8 8 0 0 1 -8 8h-6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">radius-bottom-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="radius-top-left" title="radius-top-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/radius-top-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 19v-6a8 8 0 0 1 8 -8h6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/radius-top-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 19v-6a8 8 0 0 1 8 -8h6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">radius-top-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="radius-top-right" title="radius-top-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/radius-top-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 5h6a8 8 0 0 1 8 8v6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/radius-top-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 5h6a8 8 0 0 1 8 8v6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">radius-top-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="rainbow" title="rainbow" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/rainbow --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M22 17c0 -5.523 -4.477 -10 -10 -10s-10 4.477 -10 10"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 17a6 6 0 1 0 -12 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 17a2 2 0 1 0 -4 0"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/rainbow -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M22 17c0 -5.523 -4.477 -10 -10 -10s-10 4.477 -10 10" /><path d="M18 17a6 6 0 1 0 -12 0" /><path d="M14 17a2 2 0 1 0 -4 0" /></svg>
|
|
<div class="mt-1 text-muted text-h5">rainbow</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="receipt-2" title="receipt-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/receipt-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 8h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3h-2.5m2 0v1.5m0 -9v1.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/receipt-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2" /><path d="M14 8h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3h-2.5m2 0v1.5m0 -9v1.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">receipt-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="receipt-off" title="receipt-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/receipt-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 21v-16m2 -2h10a2 2 0 0 1 2 2v10m0 4.01v1.99l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"11"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"11"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"11.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/receipt-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 21v-16m2 -2h10a2 2 0 0 1 2 2v10m0 4.01v1.99l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2" /><line x1="11" y1="7" x2="15" y2="7" /><line x1="9" y1="11" x2="11" y2="11" /><line x1="13" y1="15" x2="15" y2="15" /><line x1="15" y1="11" x2="15" y2="11.01" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">receipt-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="receipt-refund" title="receipt-refund" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/receipt-refund --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 14v-2a2 2 0 0 0 -2 -2h-4l2 -2m0 4l-2 -2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/receipt-refund -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2" /><path d="M15 14v-2a2 2 0 0 0 -2 -2h-4l2 -2m0 4l-2 -2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">receipt-refund</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="receipt-tax" title="receipt-tax" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/receipt-tax --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"9.5"</span> <span class="na">cy=</span><span class="s">"8.5"</span> <span class="na">r=</span><span class="s">".5"</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"14.5"</span> <span class="na">cy=</span><span class="s">"13.5"</span> <span class="na">r=</span><span class="s">".5"</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/receipt-tax -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="9" y1="14" x2="15" y2="8" /><circle cx="9.5" cy="8.5" r=".5" fill="currentColor" /><circle cx="14.5" cy="13.5" r=".5" fill="currentColor" /><path d="M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">receipt-tax</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="receipt" title="receipt" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/receipt --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2m4 -14h6m-6 4h6m-2 4h2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/receipt -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2m4 -14h6m-6 4h6m-2 4h2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">receipt</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="recharging" title="recharging" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/recharging --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7.038 4.5a9 9 0 0 0 -2.495 2.47"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3.186 10.209a9 9 0 0 0 0 3.508"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4.5 16.962a9 9 0 0 0 2.47 2.495"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10.209 20.814a9 9 0 0 0 3.5 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16.962 19.5a9 9 0 0 0 2.495 -2.47"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20.814 13.791a9 9 0 0 0 0 -3.508"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19.5 7.038a9 9 0 0 0 -2.47 -2.495"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13.791 3.186a9 9 0 0 0 -3.508 -.02"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 8l-2 4h4l-2 4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 21a9 9 0 0 0 0 -18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/recharging -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7.038 4.5a9 9 0 0 0 -2.495 2.47" /><path d="M3.186 10.209a9 9 0 0 0 0 3.508" /><path d="M4.5 16.962a9 9 0 0 0 2.47 2.495" /><path d="M10.209 20.814a9 9 0 0 0 3.5 0" /><path d="M16.962 19.5a9 9 0 0 0 2.495 -2.47" /><path d="M20.814 13.791a9 9 0 0 0 0 -3.508" /><path d="M19.5 7.038a9 9 0 0 0 -2.47 -2.495" /><path d="M13.791 3.186a9 9 0 0 0 -3.508 -.02" /><path d="M12 8l-2 4h4l-2 4" /><path d="M12 21a9 9 0 0 0 0 -18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">recharging</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="record-mail" title="record-mail" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/record-mail --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"7"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/record-mail -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="12" r="3" /><circle cx="17" cy="12" r="3" /><line x1="7" y1="15" x2="17" y2="15" /></svg>
|
|
<div class="mt-1 text-muted text-h5">record-mail</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="rectangle-vertical" title="rectangle-vertical" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/rectangle-vertical --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"5"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"14"</span> <span class="na">height=</span><span class="s">"18"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/rectangle-vertical -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="3" width="14" height="18" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">rectangle-vertical</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="rectangle" title="rectangle" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/rectangle --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/rectangle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">rectangle</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="recycle" title="recycle" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/recycle --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 17l-2 2l2 2m-2 -2h9a2 2 0 0 0 1.75 -2.75l-.55 -1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 17l-2 2l2 2m-2 -2h9a2 2 0 0 0 1.75 -2.75l-.55 -1"</span> <span class="na">transform=</span><span class="s">"rotate(120 12 13)"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 17l-2 2l2 2m-2 -2h9a2 2 0 0 0 1.75 -2.75l-.55 -1"</span> <span class="na">transform=</span><span class="s">"rotate(240 12 13)"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/recycle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17l-2 2l2 2m-2 -2h9a2 2 0 0 0 1.75 -2.75l-.55 -1" /><path d="M12 17l-2 2l2 2m-2 -2h9a2 2 0 0 0 1.75 -2.75l-.55 -1" transform="rotate(120 12 13)" /><path d="M12 17l-2 2l2 2m-2 -2h9a2 2 0 0 0 1.75 -2.75l-.55 -1" transform="rotate(240 12 13)" /></svg>
|
|
<div class="mt-1 text-muted text-h5">recycle</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="refresh-alert" title="refresh-alert" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/refresh-alert --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"12.01"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/refresh-alert -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4" /><path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4" /><line x1="12" y1="9" x2="12" y2="12" /><line x1="12" y1="15" x2="12.01" y2="15" /></svg>
|
|
<div class="mt-1 text-muted text-h5">refresh-alert</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="refresh" title="refresh" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/refresh --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/refresh -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4" /><path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">refresh</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="registered" title="registered" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/registered --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 16v-8h4a2 2 0 0 1 0 4h-4m3 0l3 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/registered -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M9 16v-8h4a2 2 0 0 1 0 4h-4m3 0l3 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">registered</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="relation-many-to-many" title="relation-many-to-many" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/relation-many-to-many --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 14v-4l3 4v-4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 14v-4l3 4v-4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"10.5"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"10.51"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"13.5"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"13.51"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/relation-many-to-many -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M15 14v-4l3 4v-4" /><path d="M6 14v-4l3 4v-4" /><line x1="12" y1="10.5" x2="12" y2="10.51" /><line x1="12" y1="13.5" x2="12" y2="13.51" /></svg>
|
|
<div class="mt-1 text-muted text-h5">relation-many-to-many</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="relation-one-to-many" title="relation-one-to-many" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/relation-one-to-many --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 10h1v4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 14v-4l3 4v-4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"11"</span> <span class="na">y1=</span><span class="s">"10.5"</span> <span class="na">x2=</span><span class="s">"11"</span> <span class="na">y2=</span><span class="s">"10.51"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"11"</span> <span class="na">y1=</span><span class="s">"13.5"</span> <span class="na">x2=</span><span class="s">"11"</span> <span class="na">y2=</span><span class="s">"13.51"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/relation-one-to-many -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M7 10h1v4" /><path d="M14 14v-4l3 4v-4" /><line x1="11" y1="10.5" x2="11" y2="10.51" /><line x1="11" y1="13.5" x2="11" y2="13.51" /></svg>
|
|
<div class="mt-1 text-muted text-h5">relation-one-to-many</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="relation-one-to-one" title="relation-one-to-one" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/relation-one-to-one --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 10h1v4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 10h1v4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"10.5"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"10.51"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"13.5"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"13.51"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/relation-one-to-one -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M8 10h1v4" /><path d="M15 10h1v4" /><line x1="12" y1="10.5" x2="12" y2="10.51" /><line x1="12" y1="13.5" x2="12" y2="13.51" /></svg>
|
|
<div class="mt-1 text-muted text-h5">relation-one-to-one</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="repeat-once" title="repeat-once" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/repeat-once --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 12v-3a3 3 0 0 1 3 -3h13m-3 -3l3 3l-3 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 12v3a3 3 0 0 1 -3 3h-13m3 3l-3 -3l3 -3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 11l1 -1v4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/repeat-once -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 12v-3a3 3 0 0 1 3 -3h13m-3 -3l3 3l-3 3" /><path d="M20 12v3a3 3 0 0 1 -3 3h-13m3 3l-3 -3l3 -3" /><path d="M11 11l1 -1v4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">repeat-once</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="repeat" title="repeat" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/repeat --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 12v-3a3 3 0 0 1 3 -3h13m-3 -3l3 3l-3 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 12v3a3 3 0 0 1 -3 3h-13m3 3l-3 -3l3 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/repeat -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 12v-3a3 3 0 0 1 3 -3h13m-3 -3l3 3l-3 3" /><path d="M20 12v3a3 3 0 0 1 -3 3h-13m3 3l-3 -3l3 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">repeat</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="replace" title="replace" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/replace --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"15"</span> <span class="na">y=</span><span class="s">"15"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 11v-3a2 2 0 0 0 -2 -2h-6l3 3m0 -6l-3 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 13v3a2 2 0 0 0 2 2h6l-3 -3m0 6l3 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/replace -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="3" width="6" height="6" rx="1" /><rect x="15" y="15" width="6" height="6" rx="1" /><path d="M21 11v-3a2 2 0 0 0 -2 -2h-6l3 3m0 -6l-3 3" /><path d="M3 13v3a2 2 0 0 0 2 2h6l-3 -3m0 6l3 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">replace</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="report-analytics" title="report-analytics" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/report-analytics --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"9"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 17v-5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 17v-1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 17v-3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/report-analytics -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2" /><rect x="9" y="3" width="6" height="4" rx="2" /><path d="M9 17v-5" /><path d="M12 17v-1" /><path d="M15 17v-3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">report-analytics</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="report-medical" title="report-medical" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/report-medical --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"9"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/report-medical -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2" /><rect x="9" y="3" width="6" height="4" rx="2" /><line x1="10" y1="14" x2="14" y2="14" /><line x1="12" y1="12" x2="12" y2="16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">report-medical</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="report-money" title="report-money" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/report-money --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"9"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 11h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3h-2.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 17v1m0 -8v1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/report-money -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2" /><rect x="9" y="3" width="6" height="4" rx="2" /><path d="M14 11h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3h-2.5" /><path d="M12 17v1m0 -8v1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">report-money</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="report" title="report" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/report --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h5.697"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 14v4h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 11v-4a2 2 0 0 0 -2 -2h-2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"8"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"18"</span> <span class="na">cy=</span><span class="s">"18"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 11h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 15h3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/report -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h5.697" /><path d="M18 14v4h4" /><path d="M18 11v-4a2 2 0 0 0 -2 -2h-2" /><rect x="8" y="3" width="6" height="4" rx="2" /><circle cx="18" cy="18" r="4" /><path d="M8 11h4" /><path d="M8 15h3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">report</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="resize" title="resize" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/resize --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 11v8a1 1 0 0 0 1 1h8m-9 -14v-1a1 1 0 0 1 1 -1h1m5 0h2m5 0h1a1 1 0 0 1 1 1v1m0 5v2m0 5v1a1 1 0 0 1 -1 1h-1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 12h7a1 1 0 0 1 1 1v7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/resize -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 11v8a1 1 0 0 0 1 1h8m-9 -14v-1a1 1 0 0 1 1 -1h1m5 0h2m5 0h1a1 1 0 0 1 1 1v1m0 5v2m0 5v1a1 1 0 0 1 -1 1h-1" /><path d="M4 12h7a1 1 0 0 1 1 1v7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">resize</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="ripple" title="ripple" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/ripple --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 7c3 -2 6 -2 9 0s6 2 9 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 17c3 -2 6 -2 9 0s6 2 9 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 12c3 -2 6 -2 9 0s6 2 9 0"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/ripple -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7c3 -2 6 -2 9 0s6 2 9 0" /><path d="M3 17c3 -2 6 -2 9 0s6 2 9 0" /><path d="M3 12c3 -2 6 -2 9 0s6 2 9 0" /></svg>
|
|
<div class="mt-1 text-muted text-h5">ripple</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="road-sign" title="road-sign" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/road-sign --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10.5 20.4l-6.9 -6.9c-.781 -.781 -.781 -2.219 0 -3l6.9 -6.9c.781 -.781 2.219 -.781 3 0l6.9 6.9c.781 .781 .781 2.219 0 3l-6.9 6.9c-.781 .781 -2.219 .781 -3 0z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 14v-2c0 -.59 .414 -1 1 -1h5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 9l2 2l-2 2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/road-sign -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.5 20.4l-6.9 -6.9c-.781 -.781 -.781 -2.219 0 -3l6.9 -6.9c.781 -.781 2.219 -.781 3 0l6.9 6.9c.781 .781 .781 2.219 0 3l-6.9 6.9c-.781 .781 -2.219 .781 -3 0z" /><path d="M9 14v-2c0 -.59 .414 -1 1 -1h5" /><path d="M13 9l2 2l-2 2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">road-sign</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="rocket" title="rocket" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/rocket --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 13a8 8 0 0 1 7 7a6 6 0 0 0 3 -5a9 9 0 0 0 6 -8a3 3 0 0 0 -3 -3a9 9 0 0 0 -8 6a6 6 0 0 0 -5 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 14a6 6 0 0 0 -3 6a6 6 0 0 0 6 -3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"15"</span> <span class="na">cy=</span><span class="s">"9"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/rocket -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 13a8 8 0 0 1 7 7a6 6 0 0 0 3 -5a9 9 0 0 0 6 -8a3 3 0 0 0 -3 -3a9 9 0 0 0 -8 6a6 6 0 0 0 -5 3" /><path d="M7 14a6 6 0 0 0 -3 6a6 6 0 0 0 6 -3" /><circle cx="15" cy="9" r="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">rocket</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="rotate-2" title="rotate-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/rotate-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 4.55a8 8 0 0 0 -6 14.9m0 -4.45v5h-5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18.37"</span> <span class="na">y1=</span><span class="s">"7.16"</span> <span class="na">x2=</span><span class="s">"18.37"</span> <span class="na">y2=</span><span class="s">"7.17"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"19.94"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"19.95"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16.84"</span> <span class="na">y1=</span><span class="s">"18.37"</span> <span class="na">x2=</span><span class="s">"16.84"</span> <span class="na">y2=</span><span class="s">"18.38"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19.37"</span> <span class="na">y1=</span><span class="s">"15.1"</span> <span class="na">x2=</span><span class="s">"19.37"</span> <span class="na">y2=</span><span class="s">"15.11"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19.94"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"19.94"</span> <span class="na">y2=</span><span class="s">"11.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/rotate-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 4.55a8 8 0 0 0 -6 14.9m0 -4.45v5h-5" /><line x1="18.37" y1="7.16" x2="18.37" y2="7.17" /><line x1="13" y1="19.94" x2="13" y2="19.95" /><line x1="16.84" y1="18.37" x2="16.84" y2="18.38" /><line x1="19.37" y1="15.1" x2="19.37" y2="15.11" /><line x1="19.94" y1="11" x2="19.94" y2="11.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">rotate-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="rotate-clockwise-2" title="rotate-clockwise-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/rotate-clockwise-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 4.55a8 8 0 0 1 6 14.9m0 -4.45v5h5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5.63"</span> <span class="na">y1=</span><span class="s">"7.16"</span> <span class="na">x2=</span><span class="s">"5.63"</span> <span class="na">y2=</span><span class="s">"7.17"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4.06"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"4.06"</span> <span class="na">y2=</span><span class="s">"11.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4.63"</span> <span class="na">y1=</span><span class="s">"15.1"</span> <span class="na">x2=</span><span class="s">"4.63"</span> <span class="na">y2=</span><span class="s">"15.11"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7.16"</span> <span class="na">y1=</span><span class="s">"18.37"</span> <span class="na">x2=</span><span class="s">"7.16"</span> <span class="na">y2=</span><span class="s">"18.38"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"11"</span> <span class="na">y1=</span><span class="s">"19.94"</span> <span class="na">x2=</span><span class="s">"11"</span> <span class="na">y2=</span><span class="s">"19.95"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/rotate-clockwise-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 4.55a8 8 0 0 1 6 14.9m0 -4.45v5h5" /><line x1="5.63" y1="7.16" x2="5.63" y2="7.17" /><line x1="4.06" y1="11" x2="4.06" y2="11.01" /><line x1="4.63" y1="15.1" x2="4.63" y2="15.11" /><line x1="7.16" y1="18.37" x2="7.16" y2="18.38" /><line x1="11" y1="19.94" x2="11" y2="19.95" /></svg>
|
|
<div class="mt-1 text-muted text-h5">rotate-clockwise-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="rotate-clockwise" title="rotate-clockwise" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/rotate-clockwise --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/rotate-clockwise -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">rotate-clockwise</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="rotate-rectangle" title="rotate-rectangle" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/rotate-rectangle --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16.3 5h.7a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h5l-2.82 -2.82m0 5.64l2.82 -2.82"</span> <span class="na">transform=</span><span class="s">"rotate(-45 12 12)"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/rotate-rectangle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.3 5h.7a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h5l-2.82 -2.82m0 5.64l2.82 -2.82" transform="rotate(-45 12 12)" /></svg>
|
|
<div class="mt-1 text-muted text-h5">rotate-rectangle</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="rotate" title="rotate" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/rotate --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19.95 11a8 8 0 1 0 -.5 4m.5 5v-5h-5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/rotate -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.95 11a8 8 0 1 0 -.5 4m.5 5v-5h-5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">rotate</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="route" title="route" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/route --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"18"</span> <span class="na">cy=</span><span class="s">"5"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 19h4.5a3.5 3.5 0 0 0 0 -7h-8a3.5 3.5 0 0 1 0 -7h3.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/route -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="19" r="2" /><circle cx="18" cy="5" r="2" /><path d="M12 19h4.5a3.5 3.5 0 0 0 0 -7h-8a3.5 3.5 0 0 1 0 -7h3.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">route</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="router" title="router" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/router --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"13"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"8"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"17.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"17.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11.75 8.75a4 4 0 0 1 6.5 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8.5 6.5a8 8 0 0 1 13 0"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/router -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="13" width="18" height="8" rx="2" /><line x1="17" y1="17" x2="17" y2="17.01" /><line x1="13" y1="17" x2="13" y2="17.01" /><line x1="15" y1="13" x2="15" y2="11" /><path d="M11.75 8.75a4 4 0 0 1 6.5 0" /><path d="M8.5 6.5a8 8 0 0 1 13 0" /></svg>
|
|
<div class="mt-1 text-muted text-h5">router</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="row-insert-bottom" title="row-insert-bottom" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/row-insert-bottom --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 6v4a1 1 0 0 1 -1 1h-14a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h14a1 1 0 0 1 1 1z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/row-insert-bottom -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 6v4a1 1 0 0 1 -1 1h-14a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h14a1 1 0 0 1 1 1z" /><line x1="12" y1="15" x2="12" y2="19" /><line x1="14" y1="17" x2="10" y2="17" /></svg>
|
|
<div class="mt-1 text-muted text-h5">row-insert-bottom</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="row-insert-top" title="row-insert-top" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/row-insert-top --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 18v-4a1 1 0 0 1 1 -1h14a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-14a1 1 0 0 1 -1 -1z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 9v-4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/row-insert-top -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 18v-4a1 1 0 0 1 1 -1h14a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-14a1 1 0 0 1 -1 -1z" /><path d="M12 9v-4" /><line x1="10" y1="7" x2="14" y2="7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">row-insert-top</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="rss" title="rss" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/rss --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 4a16 16 0 0 1 16 16"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 11a9 9 0 0 1 9 9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/rss -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="19" r="1" /><path d="M4 4a16 16 0 0 1 16 16" /><path d="M4 11a9 9 0 0 1 9 9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">rss</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="ruler-2" title="ruler-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/ruler-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 3l4 4l-14 14l-4 -4z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 7l-1.5 -1.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 10l-1.5 -1.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 13l-1.5 -1.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 16l-1.5 -1.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/ruler-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 3l4 4l-14 14l-4 -4z" /><path d="M16 7l-1.5 -1.5" /><path d="M13 10l-1.5 -1.5" /><path d="M10 13l-1.5 -1.5" /><path d="M7 16l-1.5 -1.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">ruler-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="ruler" title="ruler" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/ruler --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 4h14a1 1 0 0 1 1 1v5a1 1 0 0 1 -1 1h-7a1 1 0 0 0 -1 1v7a1 1 0 0 1 -1 1h-5a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"12 4 12 7 "</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"16 4 16 6 "</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/ruler -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h14a1 1 0 0 1 1 1v5a1 1 0 0 1 -1 1h-7a1 1 0 0 0 -1 1v7a1 1 0 0 1 -1 1h-5a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1" /><line x1="4" y1="8" x2="6" y2="8" /><line x1="4" y1="12" x2="7" y2="12" /><line x1="4" y1="16" x2="6" y2="16" /><line x1="8" y1="4" x2="8" y2="6" /><polyline points="12 4 12 7 " /><polyline points="16 4 16 6 " /></svg>
|
|
<div class="mt-1 text-muted text-h5">ruler</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="run" title="run" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/run --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"13"</span> <span class="na">cy=</span><span class="s">"4"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 17l5 1l.75 -1.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 21l0 -4l-4 -3l1 -6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 12l0 -3l5 -1l3 3l3 1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/run -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="13" cy="4" r="1" /><path d="M4 17l5 1l.75 -1.5" /><path d="M15 21l0 -4l-4 -3l1 -6" /><path d="M7 12l0 -3l5 -1l3 3l3 1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">run</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="sailboat" title="sailboat" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/sailboat --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M2 20a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 18l-1 -3h18l-1 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 12h7l-7 -9v9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/sailboat -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M2 20a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1" /><path d="M4 18l-1 -3h18l-1 3" /><path d="M11 12h7l-7 -9v9" /><line x1="8" y1="7" x2="6" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">sailboat</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="satellite" title="satellite" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/satellite --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3.707 6.293l2.586 -2.586a1 1 0 0 1 1.414 0l5.586 5.586a1 1 0 0 1 0 1.414l-2.586 2.586a1 1 0 0 1 -1.414 0l-5.586 -5.586a1 1 0 0 1 0 -1.414z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 10l-3 3l3 3l3 -3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 6l3 -3l3 3l-3 3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"13.5"</span> <span class="na">y2=</span><span class="s">"13.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14.5 17a2.5 2.5 0 0 0 2.5 -2.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 21a6 6 0 0 0 6 -6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/satellite -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3.707 6.293l2.586 -2.586a1 1 0 0 1 1.414 0l5.586 5.586a1 1 0 0 1 0 1.414l-2.586 2.586a1 1 0 0 1 -1.414 0l-5.586 -5.586a1 1 0 0 1 0 -1.414z" /><path d="M6 10l-3 3l3 3l3 -3" /><path d="M10 6l3 -3l3 3l-3 3" /><line x1="12" y1="12" x2="13.5" y2="13.5" /><path d="M14.5 17a2.5 2.5 0 0 0 2.5 -2.5" /><path d="M15 21a6 6 0 0 0 6 -6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">satellite</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="scale" title="scale" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/scale --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 6l6 -1l6 1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 12l-3 -6l-3 6a3 3 0 0 0 6 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 12l-3 -6l-3 6a3 3 0 0 0 6 0"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/scale -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="7" y1="20" x2="17" y2="20" /><path d="M6 6l6 -1l6 1" /><line x1="12" y1="3" x2="12" y2="20" /><path d="M9 12l-3 -6l-3 6a3 3 0 0 0 6 0" /><path d="M21 12l-3 -6l-3 6a3 3 0 0 0 6 0" /></svg>
|
|
<div class="mt-1 text-muted text-h5">scale</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="scan" title="scan" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/scan --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 7v-1a2 2 0 0 1 2 -2h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 17v1a2 2 0 0 0 2 2h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 4h2a2 2 0 0 1 2 2v1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 20h2a2 2 0 0 0 2 -2v-1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/scan -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7v-1a2 2 0 0 1 2 -2h2" /><path d="M4 17v1a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v1" /><path d="M16 20h2a2 2 0 0 0 2 -2v-1" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">scan</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="school" title="school" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/school --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M22 9l-10 -4l-10 4l10 4l10 -4v6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 10.6v5.4a6 3 0 0 0 12 0v-5.4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/school -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M22 9l-10 -4l-10 4l10 4l10 -4v6" /><path d="M6 10.6v5.4a6 3 0 0 0 12 0v-5.4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">school</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="scissors" title="scissors" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/scissors --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6"</span> <span class="na">cy=</span><span class="s">"7"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8.6"</span> <span class="na">y1=</span><span class="s">"8.6"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8.6"</span> <span class="na">y1=</span><span class="s">"15.4"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/scissors -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="7" r="3" /><circle cx="6" cy="17" r="3" /><line x1="8.6" y1="8.6" x2="19" y2="19" /><line x1="8.6" y1="15.4" x2="19" y2="5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">scissors</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="scooter-electric" title="scooter-electric" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/scooter-electric --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"18"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 17h5a6 6 0 0 1 5 -5v-5a2 2 0 0 0 -2 -2h-1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 4l-2 4h3l-2 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/scooter-electric -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="18" cy="17" r="2" /><circle cx="6" cy="17" r="2" /><path d="M8 17h5a6 6 0 0 1 5 -5v-5a2 2 0 0 0 -2 -2h-1" /><path d="M10 4l-2 4h3l-2 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">scooter-electric</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="scooter" title="scooter" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/scooter --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"18"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 17h5a6 6 0 0 1 5 -5v-5a2 2 0 0 0 -2 -2h-1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/scooter -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="18" cy="17" r="2" /><circle cx="6" cy="17" r="2" /><path d="M8 17h5a6 6 0 0 1 5 -5v-5a2 2 0 0 0 -2 -2h-1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">scooter</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="screen-share-off" title="screen-share-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/screen-share-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 12v3a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1v-10a1 1 0 0 1 1 -1h9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 8l4 -4m-4 0l4 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/screen-share-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 12v3a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1v-10a1 1 0 0 1 1 -1h9" /><line x1="7" y1="20" x2="17" y2="20" /><line x1="9" y1="16" x2="9" y2="20" /><line x1="15" y1="16" x2="15" y2="20" /><path d="M17 8l4 -4m-4 0l4 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">screen-share-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="screen-share" title="screen-share" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/screen-share --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 12v3a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1v-10a1 1 0 0 1 1 -1h9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 4h4v4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 9l5 -5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/screen-share -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 12v3a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1v-10a1 1 0 0 1 1 -1h9" /><line x1="7" y1="20" x2="17" y2="20" /><line x1="9" y1="16" x2="9" y2="20" /><line x1="15" y1="16" x2="15" y2="20" /><path d="M17 4h4v4" /><path d="M16 9l5 -5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">screen-share</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="scuba-mask" title="scuba-mask" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/scuba-mask --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 7h12a1 1 0 0 1 1 1v4.5a2.5 2.5 0 0 1 -2.5 2.5h-.5a2 2 0 0 1 -2 -2a2 2 0 1 0 -4 0a2 2 0 0 1 -2 2h-.5a2.5 2.5 0 0 1 -2.5 -2.5v-4.5a1 1 0 0 1 1 -1z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 17a2 2 0 0 0 2 2h3.5a5.5 5.5 0 0 0 5.5 -5.5v-9.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/scuba-mask -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h12a1 1 0 0 1 1 1v4.5a2.5 2.5 0 0 1 -2.5 2.5h-.5a2 2 0 0 1 -2 -2a2 2 0 1 0 -4 0a2 2 0 0 1 -2 2h-.5a2.5 2.5 0 0 1 -2.5 -2.5v-4.5a1 1 0 0 1 1 -1z" /><path d="M10 17a2 2 0 0 0 2 2h3.5a5.5 5.5 0 0 0 5.5 -5.5v-9.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">scuba-mask</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="search" title="search" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/search --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"10"</span> <span class="na">cy=</span><span class="s">"10"</span> <span class="na">r=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"21"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/search -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
|
<div class="mt-1 text-muted text-h5">search</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="section" title="section" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/section --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 20h.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 20h.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 20h.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 20h.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 20h.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 4h.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 4h.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 4h.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 4h.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 4l0 0"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"8"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"8"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/section -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 20h.01" /><path d="M4 20h.01" /><path d="M8 20h.01" /><path d="M12 20h.01" /><path d="M16 20h.01" /><path d="M20 4h.01" /><path d="M4 4h.01" /><path d="M8 4h.01" /><path d="M12 4h.01" /><path d="M16 4l0 0" /><rect x="4" y="8" width="16" height="8" rx="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">section</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="seeding" title="seeding" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/seeding --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 10a6 6 0 0 0 -6 -6h-3v2a6 6 0 0 0 6 6h3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 14a6 6 0 0 1 6 -6h3v1a6 6 0 0 1 -6 6h-3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/seeding -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 10a6 6 0 0 0 -6 -6h-3v2a6 6 0 0 0 6 6h3" /><path d="M12 14a6 6 0 0 1 6 -6h3v1a6 6 0 0 1 -6 6h-3" /><line x1="12" y1="20" x2="12" y2="10" /></svg>
|
|
<div class="mt-1 text-muted text-h5">seeding</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="select" title="select" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/select --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 11l3 3l3 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/select -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M9 11l3 3l3 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">select</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="selector" title="selector" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/selector --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"8 9 12 5 16 9"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"16 15 12 19 8 15"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/selector -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="8 9 12 5 16 9" /><polyline points="16 15 12 19 8 15" /></svg>
|
|
<div class="mt-1 text-muted text-h5">selector</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="send" title="send" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/send --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 3l-6.5 18a0.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a0.55 .55 0 0 1 0 -1l18 -6.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/send -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="10" y1="14" x2="21" y2="3" /><path d="M21 3l-6.5 18a0.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a0.55 .55 0 0 1 0 -1l18 -6.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">send</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="separator-horizontal" title="separator-horizontal" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/separator-horizontal --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"8 8 12 4 16 8"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"16 16 12 20 8 16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/separator-horizontal -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="12" x2="20" y2="12" /><polyline points="8 8 12 4 16 8" /><polyline points="16 16 12 20 8 16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">separator-horizontal</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="separator-vertical" title="separator-vertical" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/separator-vertical --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"8 8 4 12 8 16"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"16 16 20 12 16 8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/separator-vertical -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="4" x2="12" y2="20" /><polyline points="8 8 4 12 8 16" /><polyline points="16 16 20 12 16 8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">separator-vertical</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="separator" title="separator" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/separator --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"3"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"21"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/separator -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="12" x2="3" y2="12.01" /><line x1="7" y1="12" x2="17" y2="12" /><line x1="21" y1="12" x2="21" y2="12.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">separator</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="server" title="server" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/server --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"8"</span> <span class="na">rx=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"12"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"8"</span> <span class="na">rx=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"8.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"16.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/server -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="4" width="18" height="8" rx="3" /><rect x="3" y="12" width="18" height="8" rx="3" /><line x1="7" y1="8" x2="7" y2="8.01" /><line x1="7" y1="16" x2="7" y2="16.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">server</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="servicemark" title="servicemark" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/servicemark --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 9h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3h-2.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 15v-6l3 4l3 -4v6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/servicemark -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 9h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3h-2.5" /><path d="M13 15v-6l3 4l3 -4v6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">servicemark</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="settings-automation" title="settings-automation" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/settings-automation --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 9v6l5 -3z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/settings-automation -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><path d="M10 9v6l5 -3z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">settings-automation</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="settings" title="settings" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/settings --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/settings -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">settings</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="shadow-off" title="shadow-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/shadow-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5.634 5.638a9 9 0 0 0 12.728 12.727m1.68 -2.32a9 9 0 0 0 -12.086 -12.088"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 12h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 15h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 18h1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 9h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 6h1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 3l18 18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/shadow-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5.634 5.638a9 9 0 0 0 12.728 12.727m1.68 -2.32a9 9 0 0 0 -12.086 -12.088" /><path d="M16 12h2" /><path d="M13 15h2" /><path d="M13 18h1" /><path d="M13 9h4" /><path d="M13 6h1" /><path d="M3 3l18 18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">shadow-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="shadow" title="shadow" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/shadow --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 12h5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 15h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 18h1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 9h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 6h1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/shadow -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M13 12h5" /><path d="M13 15h4" /><path d="M13 18h1" /><path d="M13 9h4" /><path d="M13 6h1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">shadow</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="shape-2" title="shape-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/shape-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5"</span> <span class="na">cy=</span><span class="s">"5"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"19"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"19"</span> <span class="na">cy=</span><span class="s">"5"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6.5 17.5l11 -11m-12.5 .5v10m14 -10v10"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/shape-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="5" r="2" /><circle cx="19" cy="19" r="2" /><circle cx="19" cy="5" r="2" /><circle cx="5" cy="19" r="2" /><path d="M6.5 17.5l11 -11m-12.5 .5v10m14 -10v10" /></svg>
|
|
<div class="mt-1 text-muted text-h5">shape-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="shape-3" title="shape-3" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/shape-3 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5"</span> <span class="na">cy=</span><span class="s">"5"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"19"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"19"</span> <span class="na">cy=</span><span class="s">"5"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 5h10m-12 2v10m14 -10v10"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/shape-3 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="5" r="2" /><circle cx="19" cy="19" r="2" /><circle cx="19" cy="5" r="2" /><circle cx="5" cy="19" r="2" /><path d="M7 5h10m-12 2v10m14 -10v10" /></svg>
|
|
<div class="mt-1 text-muted text-h5">shape-3</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="shape" title="shape" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/shape --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5"</span> <span class="na">cy=</span><span class="s">"5"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"19"</span> <span class="na">cy=</span><span class="s">"5"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"19"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"5"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/shape -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="5" r="2" /><circle cx="19" cy="5" r="2" /><circle cx="5" cy="19" r="2" /><circle cx="19" cy="19" r="2" /><line x1="5" y1="7" x2="5" y2="17" /><line x1="7" y1="5" x2="17" y2="5" /><line x1="7" y1="19" x2="17" y2="19" /><line x1="19" y1="7" x2="19" y2="17" /></svg>
|
|
<div class="mt-1 text-muted text-h5">shape</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="share" title="share" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/share --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"18"</span> <span class="na">cy=</span><span class="s">"6"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"18"</span> <span class="na">cy=</span><span class="s">"18"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8.7"</span> <span class="na">y1=</span><span class="s">"10.7"</span> <span class="na">x2=</span><span class="s">"15.3"</span> <span class="na">y2=</span><span class="s">"7.3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8.7"</span> <span class="na">y1=</span><span class="s">"13.3"</span> <span class="na">x2=</span><span class="s">"15.3"</span> <span class="na">y2=</span><span class="s">"16.7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/share -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="12" r="3" /><circle cx="18" cy="6" r="3" /><circle cx="18" cy="18" r="3" /><line x1="8.7" y1="10.7" x2="15.3" y2="7.3" /><line x1="8.7" y1="13.3" x2="15.3" y2="16.7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">share</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="shield-check" title="shield-check" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/shield-check --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 12l2 2l4 -4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/shield-check -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 12l2 2l4 -4" /><path d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">shield-check</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="shield-lock" title="shield-lock" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/shield-lock --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"11"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"14.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/shield-lock -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3" /><circle cx="12" cy="11" r="1" /><line x1="12" y1="12" x2="12" y2="14.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">shield-lock</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="shield-off" title="shield-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/shield-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17.669 17.669a12 12 0 0 1 -5.669 3.331a12 12 0 0 1 -8.5 -15c.797 .036 1.589 0 2.366 -.126m3.092 -.912a12 12 0 0 0 3.042 -1.962a12 12 0 0 0 8.5 3a12 12 0 0 1 -1.117 9.379"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/shield-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M17.669 17.669a12 12 0 0 1 -5.669 3.331a12 12 0 0 1 -8.5 -15c.797 .036 1.589 0 2.366 -.126m3.092 -.912a12 12 0 0 0 3.042 -1.962a12 12 0 0 0 8.5 3a12 12 0 0 1 -1.117 9.379" /></svg>
|
|
<div class="mt-1 text-muted text-h5">shield-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="shield-x" title="shield-x" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/shield-x --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 10l4 4m0 -4l-4 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/shield-x -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3" /><path d="M10 10l4 4m0 -4l-4 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">shield-x</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="shield" title="shield" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/shield --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/shield -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">shield</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="ship" title="ship" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/ship --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M2 20a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 18l-1 -5h18l-2 4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 13v-6h8l4 6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 7v-4h-1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/ship -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M2 20a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1" /><path d="M4 18l-1 -5h18l-2 4" /><path d="M5 13v-6h8l4 6" /><path d="M7 7v-4h-1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">ship</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="shirt" title="shirt" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/shirt --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 4l6 2v5h-3v8a1 1 0 0 1 -1 1h-10a1 1 0 0 1 -1 -1v-8h-3v-5l6 -2a3 3 0 0 0 6 0"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/shirt -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 4l6 2v5h-3v8a1 1 0 0 1 -1 1h-10a1 1 0 0 1 -1 -1v-8h-3v-5l6 -2a3 3 0 0 0 6 0" /></svg>
|
|
<div class="mt-1 text-muted text-h5">shirt</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="shopping-cart-discount" title="shopping-cart-discount" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/shopping-cart-discount --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 17h-11v-14h-2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 6l-1 7h-13"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 10l6 -6"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"10.5"</span> <span class="na">cy=</span><span class="s">"4.5"</span> <span class="na">r=</span><span class="s">".5"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"15.5"</span> <span class="na">cy=</span><span class="s">"9.5"</span> <span class="na">r=</span><span class="s">".5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/shopping-cart-discount -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M17 17h-11v-14h-2" /><path d="M20 6l-1 7h-13" /><path d="M10 10l6 -6" /><circle cx="10.5" cy="4.5" r=".5" /><circle cx="15.5" cy="9.5" r=".5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">shopping-cart-discount</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="shopping-cart-off" title="shopping-cart-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/shopping-cart-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 17a2 2 0 1 0 2 2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 17h-11v-11"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.239 5.231l10.761 .769l-1 7h-2m-4 0h-7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 3l18 18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/shopping-cart-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="19" r="2" /><path d="M17 17a2 2 0 1 0 2 2" /><path d="M17 17h-11v-11" /><path d="M9.239 5.231l10.761 .769l-1 7h-2m-4 0h-7" /><path d="M3 3l18 18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">shopping-cart-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="shopping-cart-plus" title="shopping-cart-plus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/shopping-cart-plus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 17h-11v-14h-2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 5l6.005 .429m7.138 6.573l-.143 .998h-13"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 6h6m-3 -3v6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/shopping-cart-plus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M17 17h-11v-14h-2" /><path d="M6 5l6.005 .429m7.138 6.573l-.143 .998h-13" /><path d="M15 6h6m-3 -3v6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">shopping-cart-plus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="shopping-cart-x" title="shopping-cart-x" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/shopping-cart-x --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 17h-11v-14h-2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 5l7.999 .571m5.43 4.43l-.429 2.999h-13"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 3l4 4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 3l-4 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/shopping-cart-x -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M17 17h-11v-14h-2" /><path d="M6 5l7.999 .571m5.43 4.43l-.429 2.999h-13" /><path d="M17 3l4 4" /><path d="M21 3l-4 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">shopping-cart-x</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="shopping-cart" title="shopping-cart" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/shopping-cart --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 17h-11v-14h-2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 5l14 1l-1 7h-13"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/shopping-cart -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="19" r="2" /><circle cx="17" cy="19" r="2" /><path d="M17 17h-11v-14h-2" /><path d="M6 5l14 1l-1 7h-13" /></svg>
|
|
<div class="mt-1 text-muted text-h5">shopping-cart</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="shredder" title="shredder" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/shredder --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"10"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"5"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 10v-4a2 2 0 0 0 -2 -2h-6a2 2 0 0 0 -2 2v4m5 5v5m4 -5v2m-8 -2v3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/shredder -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="10" width="16" height="5" rx="1" /><path d="M17 10v-4a2 2 0 0 0 -2 -2h-6a2 2 0 0 0 -2 2v4m5 5v5m4 -5v2m-8 -2v3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">shredder</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="signature" title="signature" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/signature --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 17c3.333 -3.333 5 -6 5 -8c0 -3 -1 -3 -2 -3s-2.032 1.085 -2 3c.034 2.048 1.658 4.877 2.5 6c1.5 2 2.5 2.5 3.5 1l2 -3c.333 2.667 1.333 4 3 4c.53 0 2.639 -2 3 -2c.517 0 1.517 .667 3 2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/signature -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 17c3.333 -3.333 5 -6 5 -8c0 -3 -1 -3 -2 -3s-2.032 1.085 -2 3c.034 2.048 1.658 4.877 2.5 6c1.5 2 2.5 2.5 3.5 1l2 -3c.333 2.667 1.333 4 3 4c.53 0 2.639 -2 3 -2c.517 0 1.517 .667 3 2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">signature</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="sitemap" title="sitemap" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/sitemap --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"15"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"15"</span> <span class="na">y=</span><span class="s">"15"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"9"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 15v-1a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/sitemap -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="15" width="6" height="6" rx="2" /><rect x="15" y="15" width="6" height="6" rx="2" /><rect x="9" y="3" width="6" height="6" rx="2" /><path d="M6 15v-1a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v1" /><line x1="12" y1="9" x2="12" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">sitemap</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="skateboard" title="skateboard" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/skateboard --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"7"</span> <span class="na">cy=</span><span class="s">"15"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"15"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 9a2 1 0 0 0 2 1h14a2 1 0 0 0 2 -1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/skateboard -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="15" r="2" /><circle cx="17" cy="15" r="2" /><path d="M3 9a2 1 0 0 0 2 1h14a2 1 0 0 0 2 -1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">skateboard</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="slice" title="slice" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/slice --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 19l15 -15l3 3l-6 6l2 2a14 14 0 0 1 -14 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/slice -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 19l15 -15l3 3l-6 6l2 2a14 14 0 0 1 -14 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">slice</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="slideshow" title="slideshow" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/slideshow --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"15.01"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 13l4 -4a3 5 0 0 1 3 0l4 4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 12l2 -2a3 5 0 0 1 3 0l3 3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"8.01"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"12.01"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"16.01"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/slideshow -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="15" y1="6" x2="15.01" y2="6" /><rect x="3" y="3" width="18" height="14" rx="3" /><path d="M3 13l4 -4a3 5 0 0 1 3 0l4 4" /><path d="M13 12l2 -2a3 5 0 0 1 3 0l3 3" /><line x1="8" y1="21" x2="8.01" y2="21" /><line x1="12" y1="21" x2="12.01" y2="21" /><line x1="16" y1="21" x2="16.01" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">slideshow</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="smart-home" title="smart-home" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/smart-home --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 8.71l-5.333 -4.148a2.666 2.666 0 0 0 -3.274 0l-5.334 4.148a2.665 2.665 0 0 0 -1.029 2.105v7.2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-7.2c0 -.823 -.38 -1.6 -1.03 -2.105"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 15c-2.21 1.333 -5.792 1.333 -8 0"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/smart-home -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 8.71l-5.333 -4.148a2.666 2.666 0 0 0 -3.274 0l-5.334 4.148a2.665 2.665 0 0 0 -1.029 2.105v7.2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-7.2c0 -.823 -.38 -1.6 -1.03 -2.105" /><path d="M16 15c-2.21 1.333 -5.792 1.333 -8 0" /></svg>
|
|
<div class="mt-1 text-muted text-h5">smart-home</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="smoking-no" title="smoking-no" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/smoking-no --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 5v.5a2 2 0 0 0 2 2a2 2 0 0 1 2 2v.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 13h3a1 1 0 0 1 1 1v2c0 .28 -.115 .533 -.3 .714m-3.7 .286h-13a1 1 0 0 1 -1 -1v-2a1 1 0 0 1 1 -1h9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/smoking-no -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="13" x2="8" y2="17" /><path d="M16 5v.5a2 2 0 0 0 2 2a2 2 0 0 1 2 2v.5" /><line x1="3" y1="3" x2="21" y2="21" /><path d="M17 13h3a1 1 0 0 1 1 1v2c0 .28 -.115 .533 -.3 .714m-3.7 .286h-13a1 1 0 0 1 -1 -1v-2a1 1 0 0 1 1 -1h9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">smoking-no</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="smoking" title="smoking" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/smoking --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"13"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 5v.5a2 2 0 0 0 2 2a2 2 0 0 1 2 2v.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/smoking -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="13" width="18" height="4" rx="1" /><line x1="8" y1="13" x2="8" y2="17" /><path d="M16 5v.5a2 2 0 0 0 2 2a2 2 0 0 1 2 2v.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">smoking</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="snowflake" title="snowflake" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/snowflake --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 4l2 1l2 -1m-2 -2v6.5l3 1.72"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 4l2 1l2 -1m-2 -2v6.5l3 1.72"</span> <span class="na">transform=</span><span class="s">"rotate(60 12 12)"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 4l2 1l2 -1m-2 -2v6.5l3 1.72"</span> <span class="na">transform=</span><span class="s">"rotate(120 12 12)"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 4l2 1l2 -1m-2 -2v6.5l3 1.72"</span> <span class="na">transform=</span><span class="s">"rotate(180 12 12)"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 4l2 1l2 -1m-2 -2v6.5l3 1.72"</span> <span class="na">transform=</span><span class="s">"rotate(240 12 12)"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 4l2 1l2 -1m-2 -2v6.5l3 1.72"</span> <span class="na">transform=</span><span class="s">"rotate(300 12 12)"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/snowflake -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 4l2 1l2 -1m-2 -2v6.5l3 1.72" /><path d="M10 4l2 1l2 -1m-2 -2v6.5l3 1.72" transform="rotate(60 12 12)" /><path d="M10 4l2 1l2 -1m-2 -2v6.5l3 1.72" transform="rotate(120 12 12)" /><path d="M10 4l2 1l2 -1m-2 -2v6.5l3 1.72" transform="rotate(180 12 12)" /><path d="M10 4l2 1l2 -1m-2 -2v6.5l3 1.72" transform="rotate(240 12 12)" /><path d="M10 4l2 1l2 -1m-2 -2v6.5l3 1.72" transform="rotate(300 12 12)" /></svg>
|
|
<div class="mt-1 text-muted text-h5">snowflake</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="soccer-field" title="soccer-field" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/soccer-field --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 9h3v6h-3z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 9h3v6h-3z"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/soccer-field -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3" /><path d="M3 9h3v6h-3z" /><path d="M18 9h3v6h-3z" /><rect x="3" y="5" width="18" height="14" rx="2" /><line x1="12" y1="5" x2="12" y2="19" /></svg>
|
|
<div class="mt-1 text-muted text-h5">soccer-field</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="social" title="social" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/social --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"5"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"19"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"14"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6.7"</span> <span class="na">y1=</span><span class="s">"17.8"</span> <span class="na">x2=</span><span class="s">"9.5"</span> <span class="na">y2=</span><span class="s">"15.8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17.3"</span> <span class="na">y1=</span><span class="s">"17.8"</span> <span class="na">x2=</span><span class="s">"14.5"</span> <span class="na">y2=</span><span class="s">"15.8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/social -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="5" r="2" /><circle cx="5" cy="19" r="2" /><circle cx="19" cy="19" r="2" /><circle cx="12" cy="14" r="3" /><line x1="12" y1="7" x2="12" y2="11" /><line x1="6.7" y1="17.8" x2="9.5" y2="15.8" /><line x1="17.3" y1="17.8" x2="14.5" y2="15.8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">social</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="sock" title="sock" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/sock --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 3v6l4.798 5.142a4 4 0 0 1 -5.441 5.86l-6.736 -6.41a2 2 0 0 1 -.621 -1.451v-9.141h8z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7.895 15.768c.708 -.721 1.105 -1.677 1.105 -2.768a4 4 0 0 0 -4 -4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/sock -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 3v6l4.798 5.142a4 4 0 0 1 -5.441 5.86l-6.736 -6.41a2 2 0 0 1 -.621 -1.451v-9.141h8z" /><path d="M7.895 15.768c.708 -.721 1.105 -1.677 1.105 -2.768a4 4 0 0 0 -4 -4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">sock</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="sort-ascending-2" title="sort-ascending-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/sort-ascending-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 9l3 -3l3 3"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"5"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">width=</span><span class="s">"5"</span> <span class="na">height=</span><span class="s">"5"</span> <span class="na">rx=</span><span class="s">".5"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"5"</span> <span class="na">y=</span><span class="s">"14"</span> <span class="na">width=</span><span class="s">"5"</span> <span class="na">height=</span><span class="s">"5"</span> <span class="na">rx=</span><span class="s">".5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 6v12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/sort-ascending-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 9l3 -3l3 3" /><rect x="5" y="5" width="5" height="5" rx=".5" /><rect x="5" y="14" width="5" height="5" rx=".5" /><path d="M17 6v12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">sort-ascending-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="sort-ascending" title="sort-ascending" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/sort-ascending --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"11"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"11"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"15 9 18 6 21 9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/sort-ascending -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="11" y2="6" /><line x1="4" y1="12" x2="11" y2="12" /><line x1="4" y1="18" x2="13" y2="18" /><polyline points="15 9 18 6 21 9" /><line x1="18" y1="6" x2="18" y2="18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">sort-ascending</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="sort-descending-2" title="sort-descending-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/sort-descending-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"5"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">width=</span><span class="s">"5"</span> <span class="na">height=</span><span class="s">"5"</span> <span class="na">rx=</span><span class="s">".5"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"5"</span> <span class="na">y=</span><span class="s">"14"</span> <span class="na">width=</span><span class="s">"5"</span> <span class="na">height=</span><span class="s">"5"</span> <span class="na">rx=</span><span class="s">".5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 15l3 3l3 -3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 18v-12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/sort-descending-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="5" width="5" height="5" rx=".5" /><rect x="5" y="14" width="5" height="5" rx=".5" /><path d="M14 15l3 3l3 -3" /><path d="M17 18v-12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">sort-descending-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="sort-descending" title="sort-descending" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/sort-descending --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"11"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"11"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"15 15 18 18 21 15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/sort-descending -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="13" y2="6" /><line x1="4" y1="12" x2="11" y2="12" /><line x1="4" y1="18" x2="11" y2="18" /><polyline points="15 15 18 18 21 15" /><line x1="18" y1="6" x2="18" y2="18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">sort-descending</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="space" title="space" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/space --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 10v3a1 1 0 0 0 1 1h14a1 1 0 0 0 1 -1v-3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/space -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 10v3a1 1 0 0 0 1 1h14a1 1 0 0 0 1 -1v-3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">space</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="speakerphone" title="speakerphone" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/speakerphone --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 8a3 3 0 0 1 0 6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 8v11a1 1 0 0 1 -1 1h-1a1 1 0 0 1 -1 -1v-5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 8h0l4.524 -3.77a0.9 .9 0 0 1 1.476 .692v12.156a0.9 .9 0 0 1 -1.476 .692l-4.524 -3.77h-8a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/speakerphone -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 8a3 3 0 0 1 0 6" /><path d="M10 8v11a1 1 0 0 1 -1 1h-1a1 1 0 0 1 -1 -1v-5" /><path d="M12 8h0l4.524 -3.77a0.9 .9 0 0 1 1.476 .692v12.156a0.9 .9 0 0 1 -1.476 .692l-4.524 -3.77h-8a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">speakerphone</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="speedboat" title="speedboat" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/speedboat --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 17h13.4a3 3 0 0 0 2.5 -1.34l3.1 -4.66h0h-6.23a4 4 0 0 0 -1.49 .29l-3.56 1.42a4 4 0 0 1 -1.49 .29h-3.73h0h-1l-1.5 4z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"7.5"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 8h8l2 3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/speedboat -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 17h13.4a3 3 0 0 0 2.5 -1.34l3.1 -4.66h0h-6.23a4 4 0 0 0 -1.49 .29l-3.56 1.42a4 4 0 0 1 -1.49 .29h-3.73h0h-1l-1.5 4z" /><line x1="6" y1="13" x2="7.5" y2="8" /><path d="M6 8h8l2 3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">speedboat</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="sport-billard" title="sport-billard" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/sport-billard --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"10"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"14"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/sport-billard -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="10" r="2" /><circle cx="12" cy="14" r="2" /><circle cx="12" cy="12" r="8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">sport-billard</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="square-0" title="square-0" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/square-0 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 8a2 2 0 0 1 2 2v4a2 2 0 1 1 -4 0v-4a2 2 0 0 1 2 -2z"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/square-0 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 8a2 2 0 0 1 2 2v4a2 2 0 1 1 -4 0v-4a2 2 0 0 1 2 -2z" /><rect x="4" y="4" width="16" height="16" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">square-0</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="square-1" title="square-1" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/square-1 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 16v-8l-2 2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/square-1 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 16v-8l-2 2" /><rect x="4" y="4" width="16" height="16" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">square-1</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="square-2" title="square-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/square-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 10a2 2 0 1 1 4 0c0 .591 -.417 1.318 -.816 1.858l-3.184 4.143l4 -.001"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/square-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 10a2 2 0 1 1 4 0c0 .591 -.417 1.318 -.816 1.858l-3.184 4.143l4 -.001" /><rect x="4" y="4" width="16" height="16" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">square-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="square-3" title="square-3" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/square-3 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12a2 2 0 1 0 -2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 14a2 2 0 1 0 2 -2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/square-3 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12a2 2 0 1 0 -2 -2" /><path d="M10 14a2 2 0 1 0 2 -2" /><rect x="4" y="4" width="16" height="16" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">square-3</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="square-4" title="square-4" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/square-4 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 16v-8l-4 6h5"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/square-4 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 16v-8l-4 6h5" /><rect x="4" y="4" width="16" height="16" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">square-4</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="square-5" title="square-5" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/square-5 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 16h2a2 2 0 1 0 0 -4h-2v-4h4"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/square-5 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 16h2a2 2 0 1 0 0 -4h-2v-4h4" /><rect x="4" y="4" width="16" height="16" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">square-5</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="square-6" title="square-6" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/square-6 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">transform=</span><span class="s">"rotate(180 12 14)"</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"14"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 10a2 2 0 1 0 -4 0v4"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/square-6 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle transform="rotate(180 12 14)" cx="12" cy="14" r="2" /><path d="M14 10a2 2 0 1 0 -4 0v4" /><rect x="4" y="4" width="16" height="16" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">square-6</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="square-7" title="square-7" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/square-7 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 8h4l-2 8"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/square-7 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 8h4l-2 8" /><rect x="4" y="4" width="16" height="16" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">square-7</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="square-8" title="square-8" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/square-8 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"10"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"14"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/square-8 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="10" r="2" /><circle cx="12" cy="14" r="2" /><rect x="4" y="4" width="16" height="16" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">square-8</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="square-9" title="square-9" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/square-9 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"10"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 14a2 2 0 1 0 4 0v-4"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/square-9 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="10" r="2" /><path d="M10 14a2 2 0 1 0 4 0v-4" /><rect x="4" y="4" width="16" height="16" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">square-9</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="square-check" title="square-check" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/square-check --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 12l2 2l4 -4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/square-check -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M9 12l2 2l4 -4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">square-check</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="square-dot" title="square-dot" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/square-dot --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/square-dot -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><circle cx="12" cy="12" r="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">square-dot</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="square-forbid-2" title="square-forbid-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/square-forbid-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/square-forbid-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="9" y1="15" x2="15" y2="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">square-forbid-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="square-forbid" title="square-forbid" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/square-forbid --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/square-forbid -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="9" y1="9" x2="15" y2="15" /></svg>
|
|
<div class="mt-1 text-muted text-h5">square-forbid</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="square-minus" title="square-minus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/square-minus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/square-minus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="9" y1="12" x2="15" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">square-minus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="square-off" title="square-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/square-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 4h10a2 2 0 0 1 2 2v10m-.584 3.412a1.994 1.994 0 0 1 -1.416 .588h-12a2 2 0 0 1 -2 -2v-12c0 -.552 .224 -1.052 .586 -1.414"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 3l18 18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/square-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 4h10a2 2 0 0 1 2 2v10m-.584 3.412a1.994 1.994 0 0 1 -1.416 .588h-12a2 2 0 0 1 -2 -2v-12c0 -.552 .224 -1.052 .586 -1.414" /><path d="M3 3l18 18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">square-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="square-plus" title="square-plus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/square-plus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/square-plus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="9" y1="12" x2="15" y2="12" /><line x1="12" y1="9" x2="12" y2="15" /></svg>
|
|
<div class="mt-1 text-muted text-h5">square-plus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="square-root-2" title="square-root-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/square-root-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 12h1c1 0 1 1 2.016 3.527c.984 2.473 .984 3.473 1.984 3.473h1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 19c1.5 0 3 -2 4 -3.5s2.5 -3.5 4 -3.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 12h1l3 8l3 -16h10"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/square-root-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 12h1c1 0 1 1 2.016 3.527c.984 2.473 .984 3.473 1.984 3.473h1" /><path d="M12 19c1.5 0 3 -2 4 -3.5s2.5 -3.5 4 -3.5" /><path d="M3 12h1l3 8l3 -16h10" /></svg>
|
|
<div class="mt-1 text-muted text-h5">square-root-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="square-root" title="square-root" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/square-root --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 12h2l4 8l4 -16h8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/square-root -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12h2l4 8l4 -16h8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">square-root</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="square-rotated-off" title="square-rotated-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/square-rotated-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16.964 16.952l-3.462 3.461c-.782 .783 -2.222 .783 -3.004 0l-6.911 -6.91c-.783 -.783 -.783 -2.223 0 -3.005l3.455 -3.456m2.003 -2.003l1.453 -1.452c.782 -.783 2.222 -.783 3.004 0l6.911 6.91c.783 .783 .783 2.223 0 3.005l-1.448 1.45"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 3l18 18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/square-rotated-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.964 16.952l-3.462 3.461c-.782 .783 -2.222 .783 -3.004 0l-6.911 -6.91c-.783 -.783 -.783 -2.223 0 -3.005l3.455 -3.456m2.003 -2.003l1.453 -1.452c.782 -.783 2.222 -.783 3.004 0l6.911 6.91c.783 .783 .783 2.223 0 3.005l-1.448 1.45" /><path d="M3 3l18 18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">square-rotated-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="square-rotated" title="square-rotated" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/square-rotated --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10.5 20.4l-6.9 -6.9c-.781 -.781 -.781 -2.219 0 -3l6.9 -6.9c.781 -.781 2.219 -.781 3 0l6.9 6.9c.781 .781 .781 2.219 0 3l-6.9 6.9c-.781 .781 -2.219 .781 -3 0z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/square-rotated -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.5 20.4l-6.9 -6.9c-.781 -.781 -.781 -2.219 0 -3l6.9 -6.9c.781 -.781 2.219 -.781 3 0l6.9 6.9c.781 .781 .781 2.219 0 3l-6.9 6.9c-.781 .781 -2.219 .781 -3 0z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">square-rotated</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="square-toggle-horizontal" title="square-toggle-horizontal" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/square-toggle-horizontal --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M22 12h-20"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 14v-8a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 20a2 2 0 0 0 2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 18a2 2 0 0 0 2 2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/square-toggle-horizontal -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M22 12h-20" /><path d="M4 14v-8a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v8" /><path d="M18 20a2 2 0 0 0 2 -2" /><path d="M4 18a2 2 0 0 0 2 2" /><line x1="14" y1="20" x2="10" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">square-toggle-horizontal</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="square-toggle" title="square-toggle" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/square-toggle --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"2"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"22"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 20h-8a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 6a2 2 0 0 0 -2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 20a2 2 0 0 0 2 -2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/square-toggle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="2" x2="12" y2="22" /><path d="M14 20h-8a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h8" /><path d="M20 6a2 2 0 0 0 -2 -2" /><path d="M18 20a2 2 0 0 0 2 -2" /><line x1="20" y1="10" x2="20" y2="14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">square-toggle</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="square-x" title="square-x" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/square-x --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 10l4 4m0 -4l-4 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/square-x -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M10 10l4 4m0 -4l-4 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">square-x</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="square" title="square" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/square --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/square -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">square</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="squares-diagonal" title="squares-diagonal" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/squares-diagonal --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"8"</span> <span class="na">y=</span><span class="s">"8"</span> <span class="na">width=</span><span class="s">"12"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8.586 19.414l10.827 -10.827"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/squares-diagonal -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="8" y="8" width="12" height="12" rx="2" /><path d="M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2" /><path d="M8.586 19.414l10.827 -10.827" /></svg>
|
|
<div class="mt-1 text-muted text-h5">squares-diagonal</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="squares-filled" title="squares-filled" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/squares-filled --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"8"</span> <span class="na">y=</span><span class="s">"8"</span> <span class="na">width=</span><span class="s">"12"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 14.5l6.492 -6.492"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13.496 20.004l6.504 -6.504l-6.504 6.504z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8.586 19.414l10.827 -10.827"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/squares-filled -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="8" y="8" width="12" height="12" rx="2" /><path d="M8 14.5l6.492 -6.492" /><path d="M13.496 20.004l6.504 -6.504l-6.504 6.504z" /><path d="M8.586 19.414l10.827 -10.827" /><path d="M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">squares-filled</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="stack-2" title="stack-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/stack-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 6l-8 4l8 4l8 -4l-8 -4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 14l8 4l8 -4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/stack-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 6l-8 4l8 4l8 -4l-8 -4" /><path d="M4 14l8 4l8 -4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">stack-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="stack" title="stack" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/stack --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"12 4 4 8 12 12 20 8 12 4"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"4 12 12 16 20 12"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"4 16 12 20 20 16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/stack -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 4 4 8 12 12 20 8 12 4" /><polyline points="4 12 12 16 20 12" /><polyline points="4 16 12 20 20 16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">stack</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="stairs-down" title="stairs-down" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/stairs-down --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 20h4v-4h4v-4h4v-4h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 4l-7 7v-4m4 4h-4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/stairs-down -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 20h4v-4h4v-4h4v-4h4" /><path d="M11 4l-7 7v-4m4 4h-4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">stairs-down</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="stairs-up" title="stairs-up" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/stairs-up --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 20h4v-4h4v-4h4v-4h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 11l7 -7v4m-4 -4h4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/stairs-up -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 20h4v-4h4v-4h4v-4h4" /><path d="M4 11l7 -7v4m-4 -4h4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">stairs-up</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="stairs" title="stairs" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/stairs --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 18h4v-4h4v-4h4v-4h4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/stairs -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 18h4v-4h4v-4h4v-4h4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">stairs</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="star-half" title="star-half" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/star-half --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/star-half -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">star-half</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="star-off" title="star-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/star-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10.012 6.016l1.981 -4.014l3.086 6.253l6.9 1l-4.421 4.304m.012 4.01l.588 3.426l-6.158 -3.245l-6.172 3.245l1.179 -6.873l-5 -4.867l6.327 -.917"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/star-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M10.012 6.016l1.981 -4.014l3.086 6.253l6.9 1l-4.421 4.304m.012 4.01l.588 3.426l-6.158 -3.245l-6.172 3.245l1.179 -6.873l-5 -4.867l6.327 -.917" /></svg>
|
|
<div class="mt-1 text-muted text-h5">star-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="star" title="star" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/star --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/star -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">star</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="stars" title="stars" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/stars --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17.8 19.817l-2.172 1.138a0.392 .392 0 0 1 -.568 -.41l.415 -2.411l-1.757 -1.707a0.389 .389 0 0 1 .217 -.665l2.428 -.352l1.086 -2.193a0.392 .392 0 0 1 .702 0l1.086 2.193l2.428 .352a0.39 .39 0 0 1 .217 .665l-1.757 1.707l.414 2.41a0.39 .39 0 0 1 -.567 .411l-2.172 -1.138z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6.2 19.817l-2.172 1.138a0.392 .392 0 0 1 -.568 -.41l.415 -2.411l-1.757 -1.707a0.389 .389 0 0 1 .217 -.665l2.428 -.352l1.086 -2.193a0.392 .392 0 0 1 .702 0l1.086 2.193l2.428 .352a0.39 .39 0 0 1 .217 .665l-1.757 1.707l.414 2.41a0.39 .39 0 0 1 -.567 .411l-2.172 -1.138z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 9.817l-2.172 1.138a0.392 .392 0 0 1 -.568 -.41l.415 -2.411l-1.757 -1.707a0.389 .389 0 0 1 .217 -.665l2.428 -.352l1.086 -2.193a0.392 .392 0 0 1 .702 0l1.086 2.193l2.428 .352a0.39 .39 0 0 1 .217 .665l-1.757 1.707l.414 2.41a0.39 .39 0 0 1 -.567 .411l-2.172 -1.138z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/stars -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.8 19.817l-2.172 1.138a0.392 .392 0 0 1 -.568 -.41l.415 -2.411l-1.757 -1.707a0.389 .389 0 0 1 .217 -.665l2.428 -.352l1.086 -2.193a0.392 .392 0 0 1 .702 0l1.086 2.193l2.428 .352a0.39 .39 0 0 1 .217 .665l-1.757 1.707l.414 2.41a0.39 .39 0 0 1 -.567 .411l-2.172 -1.138z" /><path d="M6.2 19.817l-2.172 1.138a0.392 .392 0 0 1 -.568 -.41l.415 -2.411l-1.757 -1.707a0.389 .389 0 0 1 .217 -.665l2.428 -.352l1.086 -2.193a0.392 .392 0 0 1 .702 0l1.086 2.193l2.428 .352a0.39 .39 0 0 1 .217 .665l-1.757 1.707l.414 2.41a0.39 .39 0 0 1 -.567 .411l-2.172 -1.138z" /><path d="M12 9.817l-2.172 1.138a0.392 .392 0 0 1 -.568 -.41l.415 -2.411l-1.757 -1.707a0.389 .389 0 0 1 .217 -.665l2.428 -.352l1.086 -2.193a0.392 .392 0 0 1 .702 0l1.086 2.193l2.428 .352a0.39 .39 0 0 1 .217 .665l-1.757 1.707l.414 2.41a0.39 .39 0 0 1 -.567 .411l-2.172 -1.138z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">stars</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="steering-wheel" title="steering-wheel" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/steering-wheel --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"3.25"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20.75"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/steering-wheel -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><circle cx="12" cy="12" r="2" /><line x1="12" y1="14" x2="12" y2="21" /><line x1="10" y1="12" x2="3.25" y2="10" /><line x1="14" y1="12" x2="20.75" y2="10" /></svg>
|
|
<div class="mt-1 text-muted text-h5">steering-wheel</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="step-into" title="step-into" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/step-into --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"20"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/step-into -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="3" x2="12" y2="15" /><line x1="16" y1="11" x2="12" y2="15" /><line x1="8" y1="11" x2="12" y2="15" /><circle cx="12" cy="20" r="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">step-into</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="step-out" title="step-out" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/step-out --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"20"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/step-out -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="3" x2="12" y2="15" /><line x1="16" y1="7" x2="12" y2="3" /><line x1="8" y1="7" x2="12" y2="3" /><circle cx="12" cy="20" r="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">step-out</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="stethoscope" title="stethoscope" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/stethoscope --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 4h-1a2 2 0 0 0 -2 2v3.5h0a5.5 5.5 0 0 0 11 0v-3.5a2 2 0 0 0 -2 -2h-1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 15a6 6 0 1 0 12 0v-3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 3v2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 3v2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"20"</span> <span class="na">cy=</span><span class="s">"10"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/stethoscope -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 4h-1a2 2 0 0 0 -2 2v3.5h0a5.5 5.5 0 0 0 11 0v-3.5a2 2 0 0 0 -2 -2h-1" /><path d="M8 15a6 6 0 1 0 12 0v-3" /><path d="M11 3v2" /><path d="M6 3v2" /><circle cx="20" cy="10" r="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">stethoscope</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="sticker" title="sticker" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/sticker --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 12l-2 .5a6 6 0 0 1 -6.5 -6.5l.5 -2l8 8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 12a8 8 0 1 1 -8 -8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/sticker -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 12l-2 .5a6 6 0 0 1 -6.5 -6.5l.5 -2l8 8" /><path d="M20 12a8 8 0 1 1 -8 -8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">sticker</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="strikethrough" title="strikethrough" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/strikethrough --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 5v9a5 5 0 0 0 10 0v-9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 12h16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/strikethrough -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 5v9a5 5 0 0 0 10 0v-9" /><path d="M4 12h16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">strikethrough</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="submarine" title="submarine" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/submarine --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 11v6h2l1 -1.5l3 1.5h10a3 3 0 0 0 0 -6h-10h0l-3 1.5l-1 -1.5h-2z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 11l-1 -3h-5l-1 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 8v-2a1 1 0 0 1 1 -1h1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/submarine -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 11v6h2l1 -1.5l3 1.5h10a3 3 0 0 0 0 -6h-10h0l-3 1.5l-1 -1.5h-2z" /><path d="M17 11l-1 -3h-5l-1 3" /><path d="M13 8v-2a1 1 0 0 1 1 -1h1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">submarine</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="subscript" title="subscript" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/subscript --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 7l8 10m-8 0l8 -10"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 20h-4l3.5 -4a1.73 1.73 0 0 0 -3.5 -2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/subscript -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7l8 10m-8 0l8 -10" /><path d="M21 20h-4l3.5 -4a1.73 1.73 0 0 0 -3.5 -2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">subscript</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="subtask" title="subtask" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/subtask --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 5v11a1 1 0 0 0 1 1h5"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"12"</span> <span class="na">y=</span><span class="s">"7"</span> <span class="na">width=</span><span class="s">"8"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"12"</span> <span class="na">y=</span><span class="s">"15"</span> <span class="na">width=</span><span class="s">"8"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/subtask -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="9" x2="12" y2="9" /><line x1="4" y1="5" x2="8" y2="5" /><path d="M6 5v11a1 1 0 0 0 1 1h5" /><rect x="12" y="7" width="8" height="4" rx="1" /><rect x="12" y="15" width="8" height="4" rx="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">subtask</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="sum" title="sum" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/sum --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/sum -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">sum</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="sun-off" title="sun-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/sun-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 12a4 4 0 0 0 -4 -4m-2.834 1.177a4 4 0 0 0 5.66 5.654"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/sun-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M16 12a4 4 0 0 0 -4 -4m-2.834 1.177a4 4 0 0 0 5.66 5.654" /><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">sun-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="sun" title="sun" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/sun --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/sun -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="4" /><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">sun</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="sunset" title="sunset" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/sunset --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 17h1m16 0h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7m-9.7 5.7a4 4 0 0 1 8 0"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 9v-6l3 3m-6 0l3 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/sunset -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 17h1m16 0h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7m-9.7 5.7a4 4 0 0 1 8 0" /><line x1="3" y1="21" x2="21" y2="21" /><path d="M12 9v-6l3 3m-6 0l3 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">sunset</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="sunshine" title="sunshine" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/sunshine --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 17h1m16 0h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7m-9.7 5.7a4 4 0 0 1 8 0"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3v6l3 -3m-6 0l3 3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/sunshine -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 17h1m16 0h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7m-9.7 5.7a4 4 0 0 1 8 0" /><line x1="3" y1="21" x2="21" y2="21" /><path d="M12 3v6l3 -3m-6 0l3 3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">sunshine</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="superscript" title="superscript" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/superscript --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 7l8 10m-8 0l8 -10"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 11h-4l3.5 -4a1.73 1.73 0 0 0 -3.5 -2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/superscript -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7l8 10m-8 0l8 -10" /><path d="M21 11h-4l3.5 -4a1.73 1.73 0 0 0 -3.5 -2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">superscript</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="swimming" title="swimming" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/swimming --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"16"</span> <span class="na">cy=</span><span class="s">"9"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 11l4 -2l3.5 3l-1.5 2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 16.75a2.4 2.4 0 0 0 1 .25a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 1 -.25"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/swimming -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="16" cy="9" r="1" /><path d="M6 11l4 -2l3.5 3l-1.5 2" /><path d="M3 16.75a2.4 2.4 0 0 0 1 .25a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 1 -.25" /></svg>
|
|
<div class="mt-1 text-muted text-h5">swimming</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="switch-2" title="switch-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/switch-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 17h5l1.67 -2.386m3.66 -5.227l1.67 -2.387h6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 4l3 3l-3 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 7h5l7 10h6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 20l3 -3l-3 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/switch-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 17h5l1.67 -2.386m3.66 -5.227l1.67 -2.387h6" /><path d="M18 4l3 3l-3 3" /><path d="M3 7h5l7 10h6" /><path d="M18 20l3 -3l-3 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">switch-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="switch-3" title="switch-3" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/switch-3 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 17h2.397a5 5 0 0 0 4.096 -2.133l.177 -.253m3.66 -5.227l.177 -.254a5 5 0 0 1 4.096 -2.133h3.397"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 4l3 3l-3 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 7h2.397a5 5 0 0 1 4.096 2.133l4.014 5.734a5 5 0 0 0 4.096 2.133h3.397"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 20l3 -3l-3 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/switch-3 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 17h2.397a5 5 0 0 0 4.096 -2.133l.177 -.253m3.66 -5.227l.177 -.254a5 5 0 0 1 4.096 -2.133h3.397" /><path d="M18 4l3 3l-3 3" /><path d="M3 7h2.397a5 5 0 0 1 4.096 2.133l4.014 5.734a5 5 0 0 0 4.096 2.133h3.397" /><path d="M18 20l3 -3l-3 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">switch-3</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="switch-horizontal" title="switch-horizontal" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/switch-horizontal --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"16 3 20 7 16 11"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"8 13 4 17 8 21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/switch-horizontal -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="16 3 20 7 16 11" /><line x1="10" y1="7" x2="20" y2="7" /><polyline points="8 13 4 17 8 21" /><line x1="4" y1="17" x2="13" y2="17" /></svg>
|
|
<div class="mt-1 text-muted text-h5">switch-horizontal</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="switch-vertical" title="switch-vertical" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/switch-vertical --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"3 8 7 4 11 8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"13 16 17 20 21 16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/switch-vertical -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 8 7 4 11 8" /><line x1="7" y1="4" x2="7" y2="13" /><polyline points="13 16 17 20 21 16" /><line x1="17" y1="10" x2="17" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">switch-vertical</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="switch" title="switch" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/switch --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"15 4 19 4 19 8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14.75"</span> <span class="na">y1=</span><span class="s">"9.25"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"15 19 19 19 19 15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/switch -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 4 19 4 19 8" /><line x1="14.75" y1="9.25" x2="19" y2="4" /><line x1="5" y1="19" x2="9" y2="15" /><polyline points="15 19 19 19 19 15" /><line x1="5" y1="5" x2="19" y2="19" /></svg>
|
|
<div class="mt-1 text-muted text-h5">switch</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="table-export" title="table-export" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/table-export --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11.5 20h-5.5a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v7.5m-16 -3.5h16m-10 -6v16m4 -1h7m-3 -3l3 3l-3 3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/table-export -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11.5 20h-5.5a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v7.5m-16 -3.5h16m-10 -6v16m4 -1h7m-3 -3l3 3l-3 3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">table-export</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="table-import" title="table-import" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/table-import --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 13.5v-7.5a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-6m-8 -10h16m-10 -6v11.5m-8 3.5h7m-3 -3l3 3l-3 3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/table-import -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 13.5v-7.5a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-6m-8 -10h16m-10 -6v11.5m-8 3.5h7m-3 -3l3 3l-3 3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">table-import</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="table-off" title="table-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/table-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 4h10a2 2 0 0 1 2 2v10m-.588 3.417c-.362 .36 -.86 .583 -1.412 .583h-12a2 2 0 0 1 -2 -2v-12c0 -.552 .224 -1.053 .586 -1.414"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 10h6m4 0h6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 4v2m0 4v10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/table-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 4h10a2 2 0 0 1 2 2v10m-.588 3.417c-.362 .36 -.86 .583 -1.412 .583h-12a2 2 0 0 1 -2 -2v-12c0 -.552 .224 -1.053 .586 -1.414" /><path d="M4 10h6m4 0h6" /><path d="M10 4v2m0 4v10" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">table-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="table" title="table" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/table --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/table -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="4" y1="10" x2="20" y2="10" /><line x1="10" y1="4" x2="10" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">table</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="tag" title="tag" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/tag --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 3l9 9a1.5 1.5 0 0 1 0 2l-6 6a1.5 1.5 0 0 1 -2 0l-9 -9v-4a4 4 0 0 1 4 -4h4"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"9"</span> <span class="na">cy=</span><span class="s">"9"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/tag -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 3l9 9a1.5 1.5 0 0 1 0 2l-6 6a1.5 1.5 0 0 1 -2 0l-9 -9v-4a4 4 0 0 1 4 -4h4" /><circle cx="9" cy="9" r="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">tag</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="tallymark-1" title="tallymark-1" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/tallymark-1 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/tallymark-1 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /></svg>
|
|
<div class="mt-1 text-muted text-h5">tallymark-1</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="tallymark-2" title="tallymark-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/tallymark-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/tallymark-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="10" y1="5" x2="10" y2="19" /><line x1="14" y1="5" x2="14" y2="19" /></svg>
|
|
<div class="mt-1 text-muted text-h5">tallymark-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="tallymark-3" title="tallymark-3" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/tallymark-3 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/tallymark-3 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="5" x2="8" y2="19" /><line x1="12" y1="5" x2="12" y2="19" /><line x1="16" y1="5" x2="16" y2="19" /></svg>
|
|
<div class="mt-1 text-muted text-h5">tallymark-3</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="tallymark-4" title="tallymark-4" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/tallymark-4 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/tallymark-4 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="5" x2="6" y2="19" /><line x1="10" y1="5" x2="10" y2="19" /><line x1="14" y1="5" x2="14" y2="19" /><line x1="18" y1="5" x2="18" y2="19" /></svg>
|
|
<div class="mt-1 text-muted text-h5">tallymark-4</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="tallymarks" title="tallymarks" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/tallymarks --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/tallymarks -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="6" y1="5" x2="6" y2="19" /><line x1="10" y1="5" x2="10" y2="19" /><line x1="14" y1="5" x2="14" y2="19" /><line x1="18" y1="5" x2="18" y2="19" /><line x1="3" y1="17" x2="21" y2="7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">tallymarks</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="tank" title="tank" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/tank --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"2"</span> <span class="na">y=</span><span class="s">"12"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 12l1 -5h5l3 5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"21"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"13.2"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/tank -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="2" y="12" width="18" height="6" rx="3" /><path d="M6 12l1 -5h5l3 5" /><line x1="21" y1="9" x2="13.2" y2="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">tank</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="target" title="target" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/target --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/target -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="1" /><circle cx="12" cy="12" r="5" /><circle cx="12" cy="12" r="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">target</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="temperature-celsius" title="temperature-celsius" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/temperature-celsius --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6"</span> <span class="na">cy=</span><span class="s">"8"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 9a3 3 0 0 0 -3 -3h-1a3 3 0 0 0 -3 3v6a3 3 0 0 0 3 3h1a3 3 0 0 0 3 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/temperature-celsius -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="8" r="2" /><path d="M20 9a3 3 0 0 0 -3 -3h-1a3 3 0 0 0 -3 3v6a3 3 0 0 0 3 3h1a3 3 0 0 0 3 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">temperature-celsius</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="temperature-fahrenheit" title="temperature-fahrenheit" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/temperature-fahrenheit --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6"</span> <span class="na">cy=</span><span class="s">"8"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 6h-6a1 1 0 0 0 -1 1v11"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/temperature-fahrenheit -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="8" r="2" /><line x1="13" y1="12" x2="18" y2="12" /><path d="M20 6h-6a1 1 0 0 0 -1 1v11" /></svg>
|
|
<div class="mt-1 text-muted text-h5">temperature-fahrenheit</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="temperature-minus" title="temperature-minus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/temperature-minus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 13.5a4 4 0 1 0 4 0v-8.5a2 2 0 0 0 -4 0v8.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"22"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/temperature-minus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 13.5a4 4 0 1 0 4 0v-8.5a2 2 0 0 0 -4 0v8.5" /><line x1="8" y1="9" x2="12" y2="9" /><line x1="16" y1="9" x2="22" y2="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">temperature-minus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="temperature-plus" title="temperature-plus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/temperature-plus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 13.5a4 4 0 1 0 4 0v-8.5a2 2 0 0 0 -4 0v8.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"22"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/temperature-plus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 13.5a4 4 0 1 0 4 0v-8.5a2 2 0 0 0 -4 0v8.5" /><line x1="8" y1="9" x2="12" y2="9" /><line x1="16" y1="9" x2="22" y2="9" /><line x1="19" y1="6" x2="19" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">temperature-plus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="temperature" title="temperature" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/temperature --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 13.5a4 4 0 1 0 4 0v-8.5a2 2 0 0 0 -4 0v8.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/temperature -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 13.5a4 4 0 1 0 4 0v-8.5a2 2 0 0 0 -4 0v8.5" /><line x1="10" y1="9" x2="14" y2="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">temperature</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="template" title="template" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/template --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"12"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"8"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/template -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="4" rx="1" /><rect x="4" y="12" width="6" height="8" rx="1" /><line x1="14" y1="12" x2="20" y2="12" /><line x1="14" y1="16" x2="20" y2="16" /><line x1="14" y1="20" x2="20" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">template</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="tent" title="tent" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/tent --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 14l4 6h6l-9 -16l-9 16h6l4 -6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/tent -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 14l4 6h6l-9 -16l-9 16h6l4 -6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">tent</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="terminal-2" title="terminal-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/terminal-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 9l3 3l-3 3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/terminal-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="3" y="4" width="18" height="16" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">terminal-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="terminal" title="terminal" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/terminal --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 7l5 5l-5 5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/terminal -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7l5 5l-5 5" /><line x1="12" y1="19" x2="19" y2="19" /></svg>
|
|
<div class="mt-1 text-muted text-h5">terminal</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="test-pipe" title="test-pipe" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/test-pipe --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 4l3 3l-12.35 12.35a1.5 1.5 0 0 1 -3 -3l12.35 -12.35"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 15l1.5 1.6a2 2 0 1 1 -3 0l1.5 -1.6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/test-pipe -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 4l3 3l-12.35 12.35a1.5 1.5 0 0 1 -3 -3l12.35 -12.35" /><line x1="10" y1="10" x2="16" y2="10" /><path d="M19 15l1.5 1.6a2 2 0 1 1 -3 0l1.5 -1.6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">test-pipe</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="text-direction-ltr" title="text-direction-ltr" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/text-direction-ltr --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 19h14"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 21l2 -2l-2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 4h-6.5a3.5 3.5 0 0 0 0 7h.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 15v-11"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 15v-11"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/text-direction-ltr -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 19h14" /><path d="M17 21l2 -2l-2 -2" /><path d="M16 4h-6.5a3.5 3.5 0 0 0 0 7h.5" /><path d="M14 15v-11" /><path d="M10 15v-11" /></svg>
|
|
<div class="mt-1 text-muted text-h5">text-direction-ltr</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="text-direction-rtl" title="text-direction-rtl" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/text-direction-rtl --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 4h-6.5a3.5 3.5 0 0 0 0 7h.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 15v-11"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 15v-11"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 19h14"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 21l-2 -2l2 -2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/text-direction-rtl -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 4h-6.5a3.5 3.5 0 0 0 0 7h.5" /><path d="M14 15v-11" /><path d="M10 15v-11" /><path d="M5 19h14" /><path d="M7 21l-2 -2l2 -2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">text-direction-rtl</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="text-wrap-disabled" title="text-wrap-disabled" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/text-wrap-disabled --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 12h17l-3 -3m0 6l3 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/text-wrap-disabled -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="14" y2="6" /><line x1="4" y1="18" x2="14" y2="18" /><path d="M4 12h17l-3 -3m0 6l3 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">text-wrap-disabled</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="text-wrap" title="text-wrap" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/text-wrap --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 12h13a3 3 0 0 1 0 6h-4l2 -2m0 4l-2 -2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/text-wrap -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="6" x2="20" y2="6" /><line x1="4" y1="18" x2="9" y2="18" /><path d="M4 12h13a3 3 0 0 1 0 6h-4l2 -2m0 4l-2 -2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">text-wrap</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="thumb-down" title="thumb-down" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/thumb-down --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 13v-8a1 1 0 0 0 -1 -1h-2a1 1 0 0 0 -1 1v7a1 1 0 0 0 1 1h3a4 4 0 0 1 4 4v1a2 2 0 0 0 4 0v-5h3a2 2 0 0 0 2 -2l-1 -5a2 3 0 0 0 -2 -2h-7a3 3 0 0 0 -3 3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/thumb-down -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 13v-8a1 1 0 0 0 -1 -1h-2a1 1 0 0 0 -1 1v7a1 1 0 0 0 1 1h3a4 4 0 0 1 4 4v1a2 2 0 0 0 4 0v-5h3a2 2 0 0 0 2 -2l-1 -5a2 3 0 0 0 -2 -2h-7a3 3 0 0 0 -3 3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">thumb-down</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="thumb-up" title="thumb-up" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/thumb-up --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 11v8a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1h3a4 4 0 0 0 4 -4v-1a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1 -2 2h-7a3 3 0 0 1 -3 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/thumb-up -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 11v8a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1h3a4 4 0 0 0 4 -4v-1a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1 -2 2h-7a3 3 0 0 1 -3 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">thumb-up</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="ticket" title="ticket" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/ticket --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 5h14a2 2 0 0 1 2 2v3a2 2 0 0 0 0 4v3a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-3a2 2 0 0 0 0 -4v-3a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/ticket -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="15" y1="5" x2="15" y2="7" /><line x1="15" y1="11" x2="15" y2="13" /><line x1="15" y1="17" x2="15" y2="19" /><path d="M5 5h14a2 2 0 0 1 2 2v3a2 2 0 0 0 0 4v3a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-3a2 2 0 0 0 0 -4v-3a2 2 0 0 1 2 -2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">ticket</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="tilt-shift" title="tilt-shift" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/tilt-shift --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8.56 3.69a9 9 0 0 0 -2.92 1.95"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3.69 8.56a9 9 0 0 0 -.69 3.44"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3.69 15.44a9 9 0 0 0 1.95 2.92"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8.56 20.31a9 9 0 0 0 3.44 .69"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15.44 20.31a9 9 0 0 0 2.92 -1.95"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20.31 15.44a9 9 0 0 0 .69 -3.44"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20.31 8.56a9 9 0 0 0 -1.95 -2.92"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15.44 3.69a9 9 0 0 0 -3.44 -.69"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/tilt-shift -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8.56 3.69a9 9 0 0 0 -2.92 1.95" /><path d="M3.69 8.56a9 9 0 0 0 -.69 3.44" /><path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" /><path d="M8.56 20.31a9 9 0 0 0 3.44 .69" /><path d="M15.44 20.31a9 9 0 0 0 2.92 -1.95" /><path d="M20.31 15.44a9 9 0 0 0 .69 -3.44" /><path d="M20.31 8.56a9 9 0 0 0 -1.95 -2.92" /><path d="M15.44 3.69a9 9 0 0 0 -3.44 -.69" /><circle cx="12" cy="12" r="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">tilt-shift</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="tir" title="tir" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/tir --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 18h8m4 0h2v-6a5 7 0 0 0 -5 -7h-1l1.5 7h4.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 18v-13h3"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"3 17 3 12 12 12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/tir -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="5" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M7 18h8m4 0h2v-6a5 7 0 0 0 -5 -7h-1l1.5 7h4.5" /><path d="M12 18v-13h3" /><polyline points="3 17 3 12 12 12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">tir</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="toggle-left" title="toggle-left" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/toggle-left --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"8"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"2"</span> <span class="na">y=</span><span class="s">"6"</span> <span class="na">width=</span><span class="s">"20"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/toggle-left -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="8" cy="12" r="2" /><rect x="2" y="6" width="20" height="12" rx="6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">toggle-left</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="toggle-right" title="toggle-right" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/toggle-right --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"16"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"2"</span> <span class="na">y=</span><span class="s">"6"</span> <span class="na">width=</span><span class="s">"20"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/toggle-right -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="16" cy="12" r="2" /><rect x="2" y="6" width="20" height="12" rx="6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">toggle-right</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="tool" title="tool" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/tool --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 10h3v-3l-3.5 -3.5a6 6 0 0 1 8 8l6 6a2 2 0 0 1 -3 3l-6 -6a6 6 0 0 1 -8 -8l3.5 3.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/tool -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 10h3v-3l-3.5 -3.5a6 6 0 0 1 8 8l6 6a2 2 0 0 1 -3 3l-6 -6a6 6 0 0 1 -8 -8l3.5 3.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">tool</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="tools-kitchen-2" title="tools-kitchen-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/tools-kitchen-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 3v12h-5c-.023 -3.681 .184 -7.406 5 -12zm0 12v6h-1v-3m-10 -14v17m-3 -17v3a3 3 0 1 0 6 0v-3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/tools-kitchen-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 3v12h-5c-.023 -3.681 .184 -7.406 5 -12zm0 12v6h-1v-3m-10 -14v17m-3 -17v3a3 3 0 1 0 6 0v-3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">tools-kitchen-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="tools-kitchen" title="tools-kitchen" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/tools-kitchen --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 3h8l-1 9h-6z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 18h2v3h-2z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 3v12h-5c-.023 -3.681 .184 -7.406 5 -12z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 15v6h-1v-3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/tools-kitchen -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 3h8l-1 9h-6z" /><path d="M7 18h2v3h-2z" /><path d="M20 3v12h-5c-.023 -3.681 .184 -7.406 5 -12z" /><path d="M20 15v6h-1v-3" /><line x1="8" y1="12" x2="8" y2="18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">tools-kitchen</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="tools" title="tools" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/tools --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 21h4l13 -13a1.5 1.5 0 0 0 -4 -4l-13 13v4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14.5"</span> <span class="na">y1=</span><span class="s">"5.5"</span> <span class="na">x2=</span><span class="s">"18.5"</span> <span class="na">y2=</span><span class="s">"9.5"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"12 8 7 3 3 7 8 12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"5.5"</span> <span class="na">y2=</span><span class="s">"9.5"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"16 12 21 17 17 21 12 16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"14.5"</span> <span class="na">y2=</span><span class="s">"18.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/tools -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 21h4l13 -13a1.5 1.5 0 0 0 -4 -4l-13 13v4" /><line x1="14.5" y1="5.5" x2="18.5" y2="9.5" /><polyline points="12 8 7 3 3 7 8 12" /><line x1="7" y1="8" x2="5.5" y2="9.5" /><polyline points="16 12 21 17 17 21 12 16" /><line x1="16" y1="17" x2="14.5" y2="18.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">tools</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="tornado" title="tornado" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/tornado --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"21"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"3"</span> <span class="na">y2=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"11"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/tornado -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="21" y1="4" x2="3" y2="4" /><line x1="13" y1="16" x2="7" y2="16" /><line x1="11" y1="20" x2="15" y2="20" /><line x1="6" y1="8" x2="20" y2="8" /><line x1="4" y1="12" x2="16" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">tornado</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="tournament" title="tournament" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/tournament --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 4h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 14h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 7h4a1 1 0 0 1 1 1v8a1 1 0 0 1 -1 1h-4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/tournament -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4" /><path d="M5 14h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4" /><path d="M10 7h4a1 1 0 0 1 1 1v8a1 1 0 0 1 -1 1h-4" /><line x1="15" y1="12" x2="20" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">tournament</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="track" title="track" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/track --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 15l11 -11m5 5l-11 11m-4 -8l7 7m-3.5 -10.5l7 7m-3.5 -10.5l7 7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/track -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 15l11 -11m5 5l-11 11m-4 -8l7 7m-3.5 -10.5l7 7m-3.5 -10.5l7 7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">track</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="tractor" title="tractor" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/tractor --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"7"</span> <span class="na">cy=</span><span class="s">"15"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"15.01"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"19"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10.5"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 15.2v-4.2a1 1 0 0 0 -1 -1h-6l-2 -5h-6v6.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 5h-1a1 1 0 0 0 -1 1v4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/tractor -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="15" r="4" /><line x1="7" y1="15" x2="7" y2="15.01" /><circle cx="19" cy="17" r="2" /><line x1="10.5" y1="17" x2="17" y2="17" /><path d="M20 15.2v-4.2a1 1 0 0 0 -1 -1h-6l-2 -5h-6v6.5" /><path d="M18 5h-1a1 1 0 0 0 -1 1v4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">tractor</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="trademark" title="trademark" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/trademark --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4.5 9h5m-2.5 0v6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 15v-6l3 4l3 -4v6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/trademark -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4.5 9h5m-2.5 0v6" /><path d="M13 15v-6l3 4l3 -4v6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">trademark</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="traffic-cone" title="traffic-cone" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/traffic-cone --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9.4"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"14.6"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7.8"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"16.2"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 20l5 -15h2l5 15"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/traffic-cone -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="20" x2="20" y2="20" /><line x1="9.4" y1="10" x2="14.6" y2="10" /><line x1="7.8" y1="15" x2="16.2" y2="15" /><path d="M6 20l5 -15h2l5 15" /></svg>
|
|
<div class="mt-1 text-muted text-h5">traffic-cone</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="traffic-lights" title="traffic-lights" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/traffic-lights --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"7"</span> <span class="na">y=</span><span class="s">"2"</span> <span class="na">width=</span><span class="s">"10"</span> <span class="na">height=</span><span class="s">"20"</span> <span class="na">rx=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"7"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/traffic-lights -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="7" y="2" width="10" height="20" rx="5" /><circle cx="12" cy="7" r="1" /><circle cx="12" cy="12" r="1" /><circle cx="12" cy="17" r="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">traffic-lights</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="train" title="train" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/train --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 13c0 -3.87 -3.37 -7 -10 -7h-8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 15h16a2 2 0 0 0 2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 6v5h17.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"3"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"6.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/train -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 13c0 -3.87 -3.37 -7 -10 -7h-8" /><path d="M3 15h16a2 2 0 0 0 2 -2" /><path d="M3 6v5h17.5" /><line x1="3" y1="10" x2="3" y2="14" /><line x1="8" y1="11" x2="8" y2="6" /><line x1="13" y1="11" x2="13" y2="6.5" /><line x1="3" y1="19" x2="21" y2="19" /></svg>
|
|
<div class="mt-1 text-muted text-h5">train</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="trash-off" title="trash-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/trash-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 7h3m4 0h9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l.077 -.923"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18.384"</span> <span class="na">y1=</span><span class="s">"14.373"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 5v-1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/trash-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M4 7h3m4 0h9" /><line x1="10" y1="11" x2="10" y2="17" /><line x1="14" y1="14" x2="14" y2="17" /><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l.077 -.923" /><line x1="18.384" y1="14.373" x2="19" y2="7" /><path d="M9 5v-1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">trash-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="trash" title="trash" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/trash --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/trash -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="7" x2="20" y2="7" /><line x1="10" y1="11" x2="10" y2="17" /><line x1="14" y1="11" x2="14" y2="17" /><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" /><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">trash</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="tree" title="tree" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/tree --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 13l-2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12l2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 21v-13"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.824 15.995a3 3 0 0 1 -2.743 -3.69a2.998 2.998 0 0 1 .304 -4.833a3 3 0 0 1 4.615 -3.707a3 3 0 0 1 4.614 3.707a2.997 2.997 0 0 1 .305 4.833a3 3 0 0 1 -2.919 3.695h.001h-4z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/tree -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 13l-2 -2" /><path d="M12 12l2 -2" /><path d="M12 21v-13" /><path d="M9.824 15.995a3 3 0 0 1 -2.743 -3.69a2.998 2.998 0 0 1 .304 -4.833a3 3 0 0 1 4.615 -3.707a3 3 0 0 1 4.614 3.707a2.997 2.997 0 0 1 .305 4.833a3 3 0 0 1 -2.919 3.695h.001h-4z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">tree</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="trees" title="trees" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/trees --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 5l3 3l-2 1l4 4l-3 1l4 4h-9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 13l-2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 12l2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 21v-13"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5.824 15.995a3 3 0 0 1 -2.743 -3.69a2.998 2.998 0 0 1 .304 -4.833a3 3 0 0 1 4.615 -3.707a3 3 0 0 1 4.614 3.707a2.997 2.997 0 0 1 .305 4.833a3 3 0 0 1 -2.919 3.695h.001h-4z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/trees -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 5l3 3l-2 1l4 4l-3 1l4 4h-9" /><line x1="15" y1="21" x2="15" y2="18" /><path d="M8 13l-2 -2" /><path d="M8 12l2 -2" /><path d="M8 21v-13" /><path d="M5.824 15.995a3 3 0 0 1 -2.743 -3.69a2.998 2.998 0 0 1 .304 -4.833a3 3 0 0 1 4.615 -3.707a3 3 0 0 1 4.614 3.707a2.997 2.997 0 0 1 .305 4.833a3 3 0 0 1 -2.919 3.695h.001h-4z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">trees</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="trending-down-2" title="trending-down-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/trending-down-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 6h5l7 10h6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 19l3 -3l-3 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/trending-down-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 6h5l7 10h6" /><path d="M18 19l3 -3l-3 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">trending-down-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="trending-down-3" title="trending-down-3" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/trending-down-3 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 6h2.397a5 5 0 0 1 4.096 2.133l4.014 5.734a5 5 0 0 0 4.096 2.133h3.397"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 19l3 -3l-3 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/trending-down-3 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 6h2.397a5 5 0 0 1 4.096 2.133l4.014 5.734a5 5 0 0 0 4.096 2.133h3.397" /><path d="M18 19l3 -3l-3 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">trending-down-3</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="trending-down" title="trending-down" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/trending-down --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"3 7 9 13 13 9 21 17"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"21 10 21 17 14 17"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/trending-down -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 7 9 13 13 9 21 17" /><polyline points="21 10 21 17 14 17" /></svg>
|
|
<div class="mt-1 text-muted text-h5">trending-down</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="trending-up-2" title="trending-up-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/trending-up-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 5l3 3l-3 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 18h5l7 -10h6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/trending-up-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 5l3 3l-3 3" /><path d="M3 18h5l7 -10h6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">trending-up-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="trending-up-3" title="trending-up-3" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/trending-up-3 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 5l3 3l-3 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 18h2.397a5 5 0 0 0 4.096 -2.133l4.014 -5.734a5 5 0 0 1 4.096 -2.133h3.397"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/trending-up-3 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 5l3 3l-3 3" /><path d="M3 18h2.397a5 5 0 0 0 4.096 -2.133l4.014 -5.734a5 5 0 0 1 4.096 -2.133h3.397" /></svg>
|
|
<div class="mt-1 text-muted text-h5">trending-up-3</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="trending-up" title="trending-up" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/trending-up --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"3 17 9 11 13 15 21 7"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"14 7 21 7 21 14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/trending-up -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="3 17 9 11 13 15 21 7" /><polyline points="14 7 21 7 21 14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">trending-up</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="triangle-off" title="triangle-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/triangle-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 19h14m1.986 -2.014a2 2 0 0 0 -.146 -.736l-7.1 -12.25a2 2 0 0 0 -3.5 0l-.825 1.424m-1.467 2.53l-4.808 8.296a2 2 0 0 0 1.75 2.75"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 3l18 18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/triangle-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 19h14m1.986 -2.014a2 2 0 0 0 -.146 -.736l-7.1 -12.25a2 2 0 0 0 -3.5 0l-.825 1.424m-1.467 2.53l-4.808 8.296a2 2 0 0 0 1.75 2.75" /><path d="M3 3l18 18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">triangle-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="triangle-square-circle" title="triangle-square-circle" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/triangle-square-circle --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3l-4 7h8z"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"14"</span> <span class="na">width=</span><span class="s">"6"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/triangle-square-circle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3l-4 7h8z" /><circle cx="17" cy="17" r="3" /><rect x="4" y="14" width="6" height="6" rx="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">triangle-square-circle</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="triangle" title="triangle" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/triangle --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/triangle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75" /></svg>
|
|
<div class="mt-1 text-muted text-h5">triangle</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="trident" title="trident" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/trident --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 6l2 -2v3a7 7 0 0 0 14 0v-3l2 2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 21v-18l-2 2m4 0l-2 -2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/trident -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 6l2 -2v3a7 7 0 0 0 14 0v-3l2 2" /><path d="M12 21v-18l-2 2m4 0l-2 -2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">trident</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="trophy" title="trophy" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/trophy --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 4v8a5 5 0 0 1 -10 0v-8"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5"</span> <span class="na">cy=</span><span class="s">"9"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"19"</span> <span class="na">cy=</span><span class="s">"9"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/trophy -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="21" x2="16" y2="21" /><line x1="12" y1="17" x2="12" y2="21" /><line x1="7" y1="4" x2="17" y2="4" /><path d="M17 4v8a5 5 0 0 1 -10 0v-8" /><circle cx="5" cy="9" r="2" /><circle cx="19" cy="9" r="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">trophy</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="truck-delivery" title="truck-delivery" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/truck-delivery --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"7"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 17h-2v-4m-1 -8h11v12m-4 0h6m4 0h2v-6h-8m0 -5h5l3 5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/truck-delivery -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M5 17h-2v-4m-1 -8h11v12m-4 0h6m4 0h2v-6h-8m0 -5h5l3 5" /><line x1="3" y1="9" x2="7" y2="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">truck-delivery</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="truck-off" title="truck-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/truck-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"7"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15.585 15.586a2 2 0 0 0 2.826 2.831"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 17h-2v-11a1 1 0 0 1 1 -1h1m3.96 0h4.04v4m0 4v4m-4 0h6m6 0v-6h-6m-2 -5h5l3 5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/truck-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="2" /><path d="M15.585 15.586a2 2 0 0 0 2.826 2.831" /><path d="M5 17h-2v-11a1 1 0 0 1 1 -1h1m3.96 0h4.04v4m0 4v4m-4 0h6m6 0v-6h-6m-2 -5h5l3 5" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">truck-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="truck-return" title="truck-return" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/truck-return --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"7"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 17h-2v-11a1 1 0 0 1 1 -1h9v6h-5l2 2m0 -4l-2 2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 6h5l3 5v6h-2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/truck-return -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M5 17h-2v-11a1 1 0 0 1 1 -1h9v6h-5l2 2m0 -4l-2 2" /><line x1="9" y1="17" x2="15" y2="17" /><path d="M13 6h5l3 5v6h-2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">truck-return</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="truck" title="truck" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/truck --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"7"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 17h-2v-11a1 1 0 0 1 1 -1h9v12m-4 0h6m4 0h2v-6h-8m0 -5h5l3 5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/truck -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M5 17h-2v-11a1 1 0 0 1 1 -1h9v12m-4 0h6m4 0h2v-6h-8m0 -5h5l3 5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">truck</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="typography" title="typography" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/typography --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6.9"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"13.8"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10.2"</span> <span class="na">y1=</span><span class="s">"6.3"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"5 20 11 4 13 4 20 20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/typography -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="20" x2="7" y2="20" /><line x1="14" y1="20" x2="21" y2="20" /><line x1="6.9" y1="15" x2="13.8" y2="15" /><line x1="10.2" y1="6.3" x2="16" y2="20" /><polyline points="5 20 11 4 13 4 20 20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">typography</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="umbrella" title="umbrella" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/umbrella --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 12a8 8 0 0 1 16 0z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12v6a2 2 0 0 0 4 0"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/umbrella -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 12a8 8 0 0 1 16 0z" /><path d="M12 12v6a2 2 0 0 0 4 0" /></svg>
|
|
<div class="mt-1 text-muted text-h5">umbrella</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="underline" title="underline" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/underline --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 5v5a5 5 0 0 0 10 0v-5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 19h14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/underline -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 5v5a5 5 0 0 0 10 0v-5" /><path d="M5 19h14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">underline</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="unlink" title="unlink" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/unlink --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"5"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/unlink -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /><line x1="16" y1="21" x2="16" y2="19" /><line x1="19" y1="16" x2="21" y2="16" /><line x1="3" y1="8" x2="5" y2="8" /><line x1="8" y1="3" x2="8" y2="5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">unlink</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="upload" title="upload" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/upload --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"7 9 12 4 17 9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"4"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/upload -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" /><polyline points="7 9 12 4 17 9" /><line x1="12" y1="4" x2="12" y2="16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">upload</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="urgent" title="urgent" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/urgent --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 16v-4a4 4 0 0 1 8 0v4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"6"</span> <span class="na">y=</span><span class="s">"16"</span> <span class="na">width=</span><span class="s">"12"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/urgent -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 16v-4a4 4 0 0 1 8 0v4" /><path d="M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7" /><rect x="6" y="16" width="12" height="4" rx="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">urgent</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="user-check" title="user-check" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/user-check --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"9"</span> <span class="na">cy=</span><span class="s">"7"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 11l2 2l4 -4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/user-check -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 11l2 2l4 -4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">user-check</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="user-exclamation" title="user-exclamation" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/user-exclamation --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"9"</span> <span class="na">cy=</span><span class="s">"7"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"14.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/user-exclamation -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><line x1="19" y1="7" x2="19" y2="10" /><line x1="19" y1="14" x2="19" y2="14.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">user-exclamation</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="user-minus" title="user-minus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/user-minus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"9"</span> <span class="na">cy=</span><span class="s">"7"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"22"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/user-minus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><line x1="16" y1="11" x2="22" y2="11" /></svg>
|
|
<div class="mt-1 text-muted text-h5">user-minus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="user-off" title="user-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/user-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14.274 10.291a4 4 0 1 0 -5.554 -5.58m-.548 3.453a4.01 4.01 0 0 0 2.62 2.65"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 1.147 .167m2.685 2.681a4 4 0 0 1 .168 1.152v2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/user-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14.274 10.291a4 4 0 1 0 -5.554 -5.58m-.548 3.453a4.01 4.01 0 0 0 2.62 2.65" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 1.147 .167m2.685 2.681a4 4 0 0 1 .168 1.152v2" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">user-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="user-plus" title="user-plus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/user-plus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"9"</span> <span class="na">cy=</span><span class="s">"7"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 11h6m-3 -3v6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/user-plus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 11h6m-3 -3v6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">user-plus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="user-x" title="user-x" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/user-x --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"9"</span> <span class="na">cy=</span><span class="s">"7"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 9l4 4m0 -4l-4 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/user-x -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M17 9l4 4m0 -4l-4 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">user-x</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="user" title="user" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/user --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"7"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/user -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="7" r="4" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">user</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="users" title="users" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/users --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"9"</span> <span class="na">cy=</span><span class="s">"7"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 3.13a4 4 0 0 1 0 7.75"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 21v-2a4 4 0 0 0 -3 -3.85"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/users -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg>
|
|
<div class="mt-1 text-muted text-h5">users</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="vaccine" title="vaccine" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/vaccine --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 3l4 4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 5l-4.5 4.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11.5 6.5l6 6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16.5 11.5l-6.5 6.5h-4v-4l6.5 -6.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7.5 12.5l1.5 1.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10.5 9.5l1.5 1.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 21l3 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/vaccine -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 3l4 4" /><path d="M19 5l-4.5 4.5" /><path d="M11.5 6.5l6 6" /><path d="M16.5 11.5l-6.5 6.5h-4v-4l6.5 -6.5" /><path d="M7.5 12.5l1.5 1.5" /><path d="M10.5 9.5l1.5 1.5" /><path d="M3 21l3 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">vaccine</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="variable" title="variable" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/variable --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 4c-2.5 5 -2.5 10 0 16m14 -16c2.5 5 2.5 10 0 16m-10 -11h1c1 0 1 1 2.016 3.527c.984 2.473 .984 3.473 1.984 3.473h1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 16c1.5 0 3 -2 4 -3.5s2.5 -3.5 4 -3.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/variable -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4c-2.5 5 -2.5 10 0 16m14 -16c2.5 5 2.5 10 0 16m-10 -11h1c1 0 1 1 2.016 3.527c.984 2.473 .984 3.473 1.984 3.473h1" /><path d="M8 16c1.5 0 3 -2 4 -3.5s2.5 -3.5 4 -3.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">variable</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="vector-beizer-2" title="vector-beizer-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/vector-beizer-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"4"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"17"</span> <span class="na">y=</span><span class="s">"17"</span> <span class="na">width=</span><span class="s">"4"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"9"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"15"</span> <span class="na">cy=</span><span class="s">"5"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 5.5a5 6.5 0 0 1 5 6.5a5 6.5 0 0 0 5 6.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/vector-beizer-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="3" width="4" height="4" rx="1" /><rect x="17" y="17" width="4" height="4" rx="1" /><line x1="7" y1="5" x2="14" y2="5" /><line x1="10" y1="19" x2="17" y2="19" /><circle cx="9" cy="19" r="1" /><circle cx="15" cy="5" r="1" /><path d="M7 5.5a5 6.5 0 0 1 5 6.5a5 6.5 0 0 0 5 6.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">vector-beizer-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="vector-beizer" title="vector-beizer" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/vector-beizer --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"14"</span> <span class="na">width=</span><span class="s">"4"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"17"</span> <span class="na">y=</span><span class="s">"14"</span> <span class="na">width=</span><span class="s">"4"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"10"</span> <span class="na">y=</span><span class="s">"6"</span> <span class="na">width=</span><span class="s">"4"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 8.5a6 6 0 0 0 -5 5.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 8.5a6 6 0 0 1 5 5.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"3"</span> <span class="na">cy=</span><span class="s">"8"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"21"</span> <span class="na">cy=</span><span class="s">"8"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/vector-beizer -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="14" width="4" height="4" rx="1" /><rect x="17" y="14" width="4" height="4" rx="1" /><rect x="10" y="6" width="4" height="4" rx="1" /><path d="M10 8.5a6 6 0 0 0 -5 5.5" /><path d="M14 8.5a6 6 0 0 1 5 5.5" /><line x1="10" y1="8" x2="4" y2="8" /><line x1="20" y1="8" x2="14" y2="8" /><circle cx="3" cy="8" r="1" /><circle cx="21" cy="8" r="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">vector-beizer</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="vector-triangle" title="vector-triangle" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/vector-triangle --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"10"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"4"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"17"</span> <span class="na">width=</span><span class="s">"4"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"17"</span> <span class="na">y=</span><span class="s">"17"</span> <span class="na">width=</span><span class="s">"4"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6.5"</span> <span class="na">y1=</span><span class="s">"17.1"</span> <span class="na">x2=</span><span class="s">"11.5"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17.5"</span> <span class="na">y1=</span><span class="s">"17.1"</span> <span class="na">x2=</span><span class="s">"12.5"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/vector-triangle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="10" y="4" width="4" height="4" rx="1" /><rect x="3" y="17" width="4" height="4" rx="1" /><rect x="17" y="17" width="4" height="4" rx="1" /><line x1="6.5" y1="17.1" x2="11.5" y2="8" /><line x1="17.5" y1="17.1" x2="12.5" y2="8" /><line x1="7" y1="19" x2="17" y2="19" /></svg>
|
|
<div class="mt-1 text-muted text-h5">vector-triangle</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="vector" title="vector" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/vector --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"4"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"17"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"4"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"17"</span> <span class="na">y=</span><span class="s">"17"</span> <span class="na">width=</span><span class="s">"4"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"17"</span> <span class="na">width=</span><span class="s">"4"</span> <span class="na">height=</span><span class="s">"4"</span> <span class="na">rx=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"5"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/vector -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="3" width="4" height="4" rx="1" /><rect x="17" y="3" width="4" height="4" rx="1" /><rect x="17" y="17" width="4" height="4" rx="1" /><rect x="3" y="17" width="4" height="4" rx="1" /><line x1="5" y1="7" x2="5" y2="17" /><line x1="19" y1="7" x2="19" y2="17" /><line x1="7" y1="5" x2="17" y2="5" /><line x1="7" y1="19" x2="17" y2="19" /></svg>
|
|
<div class="mt-1 text-muted text-h5">vector</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="venus" title="venus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/venus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"9"</span> <span class="na">r=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"14"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/venus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="9" r="5" /><line x1="12" y1="14" x2="12" y2="21" /><line x1="9" y1="18" x2="15" y2="18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">venus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="versions" title="versions" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/versions --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"10"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">width=</span><span class="s">"10"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/versions -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="10" y="5" width="10" height="14" rx="2" /><line x1="7" y1="7" x2="7" y2="17" /><line x1="4" y1="8" x2="4" y2="16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">versions</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="video-minus" title="video-minus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/video-minus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"6"</span> <span class="na">width=</span><span class="s">"12"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"11"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/video-minus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><rect x="3" y="6" width="12" height="12" rx="2" /><line x1="7" y1="12" x2="11" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">video-minus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="video-off" title="video-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/video-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 11v-1l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -.675 .946"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 6h3a2 2 0 0 1 2 2v3m0 4v1a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/video-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M15 11v-1l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -.675 .946" /><path d="M10 6h3a2 2 0 0 1 2 2v3m0 4v1a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">video-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="video-plus" title="video-plus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/video-plus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"6"</span> <span class="na">width=</span><span class="s">"12"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"11"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/video-plus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><rect x="3" y="6" width="12" height="12" rx="2" /><line x1="7" y1="12" x2="11" y2="12" /><line x1="9" y1="10" x2="9" y2="14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">video-plus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="video" title="video" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/video --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"6"</span> <span class="na">width=</span><span class="s">"12"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/video -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><rect x="3" y="6" width="12" height="12" rx="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">video</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="view-360" title="view-360" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/view-360 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;ellipse</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"4"</span> <span class="na">ry=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;ellipse</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"4"</span> <span class="na">ry=</span><span class="s">"9"</span> <span class="na">transform=</span><span class="s">"rotate(90 12 12)"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/view-360 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><ellipse cx="12" cy="12" rx="4" ry="9" /><ellipse cx="12" cy="12" rx="4" ry="9" transform="rotate(90 12 12)" /></svg>
|
|
<div class="mt-1 text-muted text-h5">view-360</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="viewfinder" title="viewfinder" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/viewfinder --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"21"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"12.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/viewfinder -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="12" y1="3" x2="12" y2="7" /><line x1="12" y1="21" x2="12" y2="18" /><line x1="3" y1="12" x2="7" y2="12" /><line x1="21" y1="12" x2="18" y2="12" /><line x1="12" y1="12" x2="12" y2="12.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">viewfinder</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="viewport-narrow" title="viewport-narrow" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/viewport-narrow --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 12h7l-3 -3m0 6l3 -3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 12h-7l3 -3m0 6l-3 -3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 6v-3h6v3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 18v3h6v-3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/viewport-narrow -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12h7l-3 -3m0 6l3 -3" /><path d="M21 12h-7l3 -3m0 6l-3 -3" /><path d="M9 6v-3h6v3" /><path d="M9 18v3h6v-3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">viewport-narrow</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="viewport-wide" title="viewport-wide" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/viewport-wide --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 12h-7l3 -3m0 6l-3 -3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 12h7l-3 -3m0 6l3 -3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 6v-3h18v3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 18v3h18v-3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/viewport-wide -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 12h-7l3 -3m0 6l-3 -3" /><path d="M14 12h7l-3 -3m0 6l3 -3" /><path d="M3 6v-3h18v3" /><path d="M3 18v3h18v-3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">viewport-wide</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="virus-off" title="virus-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/virus-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8.469 8.46a5 5 0 0 0 7.058 7.084m1.386 -2.608a5 5 0 0 0 -5.826 -5.853"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7v-4m-1 0h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7v-4m-1 0h2"</span> <span class="na">transform=</span><span class="s">"rotate(45 12 12)"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7v-4m-1 0h2"</span> <span class="na">transform=</span><span class="s">"rotate(90 12 12)"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"3"</span> <span class="na">transform=</span><span class="s">"rotate(135 12 12)"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7v-4m-1 0h2"</span> <span class="na">transform=</span><span class="s">"rotate(180 12 12)"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7v-4m-1 0h2"</span> <span class="na">transform=</span><span class="s">"rotate(225 12 12)"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7v-4m-1 0h2"</span> <span class="na">transform=</span><span class="s">"rotate(270 12 12)"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"11"</span> <span class="na">y2=</span><span class="s">"3"</span> <span class="na">transform=</span><span class="s">"rotate(315 12 12)"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/virus-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="3" x2="21" y2="21" /><path d="M8.469 8.46a5 5 0 0 0 7.058 7.084m1.386 -2.608a5 5 0 0 0 -5.826 -5.853" /><path d="M12 7v-4m-1 0h2" /><path d="M12 7v-4m-1 0h2" transform="rotate(45 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(90 12 12)" /><line x1="12" y1="3" x2="13" y2="3" transform="rotate(135 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(180 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(225 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(270 12 12)" /><line x1="12" y1="3" x2="11" y2="3" transform="rotate(315 12 12)" /></svg>
|
|
<div class="mt-1 text-muted text-h5">virus-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="virus-search" title="virus-search" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/virus-search --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 12a5 5 0 1 0 -5 5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7v-4m-1 0h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7v-4m-1 0h2"</span> <span class="na">transform=</span><span class="s">"rotate(45 12 12)"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7v-4m-1 0h2"</span> <span class="na">transform=</span><span class="s">"rotate(90 12 12)"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7v-4m-1 0h2"</span> <span class="na">transform=</span><span class="s">"rotate(180 12 12)"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7v-4m-1 0h2"</span> <span class="na">transform=</span><span class="s">"rotate(225 12 12)"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7v-4m-1 0h2"</span> <span class="na">transform=</span><span class="s">"rotate(270 12 12)"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7v-4m-1 0h2"</span> <span class="na">transform=</span><span class="s">"rotate(315 12 12)"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17.5"</span> <span class="na">cy=</span><span class="s">"17.5"</span> <span class="na">r=</span><span class="s">"2.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"19.5"</span> <span class="na">y1=</span><span class="s">"19.5"</span> <span class="na">x2=</span><span class="s">"22"</span> <span class="na">y2=</span><span class="s">"22"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/virus-search -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 12a5 5 0 1 0 -5 5" /><path d="M12 7v-4m-1 0h2" /><path d="M12 7v-4m-1 0h2" transform="rotate(45 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(90 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(180 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(225 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(270 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(315 12 12)" /><circle cx="17.5" cy="17.5" r="2.5" /><line x1="19.5" y1="19.5" x2="22" y2="22" /></svg>
|
|
<div class="mt-1 text-muted text-h5">virus-search</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="virus" title="virus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/virus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7v-4m-1 0h2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7v-4m-1 0h2"</span> <span class="na">transform=</span><span class="s">"rotate(45 12 12)"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7v-4m-1 0h2"</span> <span class="na">transform=</span><span class="s">"rotate(90 12 12)"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7v-4m-1 0h2"</span> <span class="na">transform=</span><span class="s">"rotate(135 12 12)"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7v-4m-1 0h2"</span> <span class="na">transform=</span><span class="s">"rotate(180 12 12)"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7v-4m-1 0h2"</span> <span class="na">transform=</span><span class="s">"rotate(225 12 12)"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7v-4m-1 0h2"</span> <span class="na">transform=</span><span class="s">"rotate(270 12 12)"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7v-4m-1 0h2"</span> <span class="na">transform=</span><span class="s">"rotate(315 12 12)"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/virus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="5" /><path d="M12 7v-4m-1 0h2" /><path d="M12 7v-4m-1 0h2" transform="rotate(45 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(90 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(135 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(180 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(225 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(270 12 12)" /><path d="M12 7v-4m-1 0h2" transform="rotate(315 12 12)" /></svg>
|
|
<div class="mt-1 text-muted text-h5">virus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="volume-2" title="volume-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/volume-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 8a5 5 0 0 1 0 8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a0.8 .8 0 0 1 1.5 .5v14a0.8 .8 0 0 1 -1.5 .5l-3.5 -4.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/volume-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 8a5 5 0 0 1 0 8" /><path d="M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a0.8 .8 0 0 1 1.5 .5v14a0.8 .8 0 0 1 -1.5 .5l-3.5 -4.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">volume-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="volume-3" title="volume-3" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/volume-3 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a0.8 .8 0 0 1 1.5 .5v14a0.8 .8 0 0 1 -1.5 .5l-3.5 -4.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 10l4 4m0 -4l-4 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/volume-3 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a0.8 .8 0 0 1 1.5 .5v14a0.8 .8 0 0 1 -1.5 .5l-3.5 -4.5" /><path d="M16 10l4 4m0 -4l-4 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">volume-3</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="volume" title="volume" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/volume --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 8a5 5 0 0 1 0 8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17.7 5a9 9 0 0 1 0 14"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a0.8 .8 0 0 1 1.5 .5v14a0.8 .8 0 0 1 -1.5 .5l-3.5 -4.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/volume -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 8a5 5 0 0 1 0 8" /><path d="M17.7 5a9 9 0 0 1 0 14" /><path d="M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a0.8 .8 0 0 1 1.5 .5v14a0.8 .8 0 0 1 -1.5 .5l-3.5 -4.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">volume</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="walk" title="walk" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/walk --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"13"</span> <span class="na">cy=</span><span class="s">"4"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 21l-2 -4l-3 -3l1 -6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 12l2 -3l4 -1l3 3l3 1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/walk -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="13" cy="4" r="1" /><line x1="7" y1="21" x2="10" y2="17" /><path d="M16 21l-2 -4l-3 -3l1 -6" /><path d="M6 12l2 -3l4 -1l3 3l3 1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">walk</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="wallet" title="wallet" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/wallet --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 8v-3a1 1 0 0 0 -1 -1h-10a2 2 0 0 0 0 4h12a1 1 0 0 1 1 1v3m0 4v3a1 1 0 0 1 -1 1h-12a2 2 0 0 1 -2 -2v-12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 12v4h-4a2 2 0 0 1 0 -4h4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/wallet -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 8v-3a1 1 0 0 0 -1 -1h-10a2 2 0 0 0 0 4h12a1 1 0 0 1 1 1v3m0 4v3a1 1 0 0 1 -1 1h-12a2 2 0 0 1 -2 -2v-12" /><path d="M20 12v4h-4a2 2 0 0 1 0 -4h4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">wallet</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="wand" title="wand" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/wand --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"6 21 21 6 18 3 3 18 6 21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 3a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 13a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/wand -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="6 21 21 6 18 3 3 18 6 21" /><line x1="15" y1="6" x2="18" y2="9" /><path d="M9 3a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2" /><path d="M19 13a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">wand</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="wave-saw-tool" title="wave-saw-tool" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/wave-saw-tool --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 12h5l4 8v-16l4 8h5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/wave-saw-tool -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12h5l4 8v-16l4 8h5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">wave-saw-tool</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="wave-sine" title="wave-sine" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/wave-sine --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 12h-2c-.894 0 -1.662 -.857 -1.761 -2c-.296 -3.45 -.749 -6 -2.749 -6s-2.5 3.582 -2.5 8s-.5 8 -2.5 8s-2.452 -2.547 -2.749 -6c-.1 -1.147 -.867 -2 -1.763 -2h-2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/wave-sine -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 12h-2c-.894 0 -1.662 -.857 -1.761 -2c-.296 -3.45 -.749 -6 -2.749 -6s-2.5 3.582 -2.5 8s-.5 8 -2.5 8s-2.452 -2.547 -2.749 -6c-.1 -1.147 -.867 -2 -1.763 -2h-2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">wave-sine</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="wave-square" title="wave-square" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/wave-square --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 12h5v8h4v-16h4v8h5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/wave-square -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12h5v8h4v-16h4v8h5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">wave-square</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="wifi-0" title="wifi-0" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/wifi-0 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"12.01"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/wifi-0 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="18" x2="12.01" y2="18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">wifi-0</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="wifi-1" title="wifi-1" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/wifi-1 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"12.01"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.172 15.172a4 4 0 0 1 5.656 0"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/wifi-1 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="18" x2="12.01" y2="18" /><path d="M9.172 15.172a4 4 0 0 1 5.656 0" /></svg>
|
|
<div class="mt-1 text-muted text-h5">wifi-1</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="wifi-2" title="wifi-2" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/wifi-2 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"12.01"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.172 15.172a4 4 0 0 1 5.656 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6.343 12.343a8 8 0 0 1 11.314 0"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/wifi-2 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="18" x2="12.01" y2="18" /><path d="M9.172 15.172a4 4 0 0 1 5.656 0" /><path d="M6.343 12.343a8 8 0 0 1 11.314 0" /></svg>
|
|
<div class="mt-1 text-muted text-h5">wifi-2</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="wifi-off" title="wifi-off" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/wifi-off --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"12.01"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.172 15.172a4 4 0 0 1 5.656 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6.343 12.343a7.963 7.963 0 0 1 3.864 -2.14m4.163 .155a7.965 7.965 0 0 1 3.287 2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3.515 9.515a12 12 0 0 1 3.544 -2.455m3.101 -.92a12 12 0 0 1 10.325 3.374"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/wifi-off -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="18" x2="12.01" y2="18" /><path d="M9.172 15.172a4 4 0 0 1 5.656 0" /><path d="M6.343 12.343a7.963 7.963 0 0 1 3.864 -2.14m4.163 .155a7.965 7.965 0 0 1 3.287 2" /><path d="M3.515 9.515a12 12 0 0 1 3.544 -2.455m3.101 -.92a12 12 0 0 1 10.325 3.374" /><line x1="3" y1="3" x2="21" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">wifi-off</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="wifi" title="wifi" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/wifi --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"12.01"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9.172 15.172a4 4 0 0 1 5.656 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6.343 12.343a8 8 0 0 1 11.314 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3.515 9.515c4.686 -4.687 12.284 -4.687 17 0"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/wifi -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="18" x2="12.01" y2="18" /><path d="M9.172 15.172a4 4 0 0 1 5.656 0" /><path d="M6.343 12.343a8 8 0 0 1 11.314 0" /><path d="M3.515 9.515c4.686 -4.687 12.284 -4.687 17 0" /></svg>
|
|
<div class="mt-1 text-muted text-h5">wifi</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="wind" title="wind" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/wind --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 8h8.5a2.5 2.5 0 1 0 -2.34 -3.24"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 12h15.5a2.5 2.5 0 1 1 -2.34 3.24"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 16h5.5a2.5 2.5 0 1 1 -2.34 3.24"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/wind -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 8h8.5a2.5 2.5 0 1 0 -2.34 -3.24" /><path d="M3 12h15.5a2.5 2.5 0 1 1 -2.34 3.24" /><path d="M4 16h5.5a2.5 2.5 0 1 1 -2.34 3.24" /></svg>
|
|
<div class="mt-1 text-muted text-h5">wind</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="windmill" title="windmill" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/windmill --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12c2.76 0 5 -2.01 5 -4.5s-2.24 -4.5 -5 -4.5v9z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12c0 2.76 2.01 5 4.5 5s4.5 -2.24 4.5 -5h-9z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12c-2.76 0 -5 2.01 -5 4.5s2.24 4.5 5 4.5v-9z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12c0 -2.76 -2.01 -5 -4.5 -5s-4.5 2.24 -4.5 5h9z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/windmill -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2.76 0 5 -2.01 5 -4.5s-2.24 -4.5 -5 -4.5v9z" /><path d="M12 12c0 2.76 2.01 5 4.5 5s4.5 -2.24 4.5 -5h-9z" /><path d="M12 12c-2.76 0 -5 2.01 -5 4.5s2.24 4.5 5 4.5v-9z" /><path d="M12 12c0 -2.76 -2.01 -5 -4.5 -5s-4.5 2.24 -4.5 5h9z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">windmill</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="window" title="window" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/window --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3c-3.866 0 -7 3.272 -7 7v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1 -1v-10c0 -3.728 -3.134 -7 -7 -7z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/window -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3c-3.866 0 -7 3.272 -7 7v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1 -1v-10c0 -3.728 -3.134 -7 -7 -7z" /><line x1="5" y1="13" x2="19" y2="13" /><line x1="12" y1="3" x2="12" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">window</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="wiper-wash" title="wiper-wash" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/wiper-wash --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"20"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 11l5.5 5.5a5 5 0 0 1 7 0l5.5 -5.5a12 12 0 0 0 -18 0"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 6a4 4 0 0 1 .4 -1.8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 2.1a4 4 0 0 1 2 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 6a4 4 0 0 0 -.4 -1.8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 6a4 4 0 0 1 .4 -1.8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 2.1a4 4 0 0 1 2 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 6a4 4 0 0 0 -.4 -1.8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/wiper-wash -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="20" r="1" /><path d="M3 11l5.5 5.5a5 5 0 0 1 7 0l5.5 -5.5a12 12 0 0 0 -18 0" /><line x1="12" y1="20" x2="12" y2="6" /><path d="M4 6a4 4 0 0 1 .4 -1.8" /><path d="M7 2.1a4 4 0 0 1 2 0" /><path d="M12 6a4 4 0 0 0 -.4 -1.8" /><path d="M12 6a4 4 0 0 1 .4 -1.8" /><path d="M15 2.1a4 4 0 0 1 2 0" /><path d="M20 6a4 4 0 0 0 -.4 -1.8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">wiper-wash</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="wiper" title="wiper" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/wiper --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"18"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 9l5.5 5.5a5 5 0 0 1 7 0l5.5 -5.5a12 12 0 0 0 -18 0"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"9.8"</span> <span class="na">y2=</span><span class="s">"5.2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/wiper -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="18" r="1" /><path d="M3 9l5.5 5.5a5 5 0 0 1 7 0l5.5 -5.5a12 12 0 0 0 -18 0" /><line x1="12" y1="18" x2="9.8" y2="5.2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">wiper</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="woman" title="woman" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/woman --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"5"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 22v-4h-2l2 -6a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1l2 6h-2v4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/woman -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="5" r="2" /><path d="M10 22v-4h-2l2 -6a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1l2 6h-2v4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">woman</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="world-latitude" title="world-latitude" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/world-latitude --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4.6"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"19.4"</span> <span class="na">y2=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4.6"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"19.4"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/world-latitude -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="4.6" y1="7" x2="19.4" y2="7" /><line x1="3" y1="12" x2="21" y2="12" /><line x1="4.6" y1="17" x2="19.4" y2="17" /></svg>
|
|
<div class="mt-1 text-muted text-h5">world-latitude</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="world-longitude" title="world-longitude" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/world-longitude --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11.5 3a11.2 11.2 0 0 0 0 18"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12.5 3a11.2 11.2 0 0 1 0 18"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/world-longitude -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M11.5 3a11.2 11.2 0 0 0 0 18" /><path d="M12.5 3a11.2 11.2 0 0 1 0 18" /><line x1="12" y1="3" x2="12" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">world-longitude</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="world" title="world" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/world --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3.6"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"20.4"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3.6"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"20.4"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11.5 3a17 17 0 0 0 0 18"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12.5 3a17 17 0 0 1 0 18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/world -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><line x1="3.6" y1="9" x2="20.4" y2="9" /><line x1="3.6" y1="15" x2="20.4" y2="15" /><path d="M11.5 3a17 17 0 0 0 0 18" /><path d="M12.5 3a17 17 0 0 1 0 18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">world</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="wrecking-ball" title="wrecking-ball" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/wrecking-ball --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"19"</span> <span class="na">cy=</span><span class="s">"13"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"4"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"13"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"19"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 12v-5h2a3 3 0 0 1 3 3v5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 15v-2a1 1 0 0 1 1 -1h7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 11v-7l-6 7"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/wrecking-ball -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="19" cy="13" r="2" /><circle cx="4" cy="17" r="2" /><circle cx="13" cy="17" r="2" /><line x1="13" y1="19" x2="4" y2="19" /><line x1="4" y1="15" x2="13" y2="15" /><path d="M8 12v-5h2a3 3 0 0 1 3 3v5" /><path d="M5 15v-2a1 1 0 0 1 1 -1h7" /><path d="M19 11v-7l-6 7" /></svg>
|
|
<div class="mt-1 text-muted text-h5">wrecking-ball</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="writing-sign" title="writing-sign" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/writing-sign --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 19c3.333 -2 5 -4 5 -6c0 -3 -1 -3 -2 -3s-2.032 1.085 -2 3c.034 2.048 1.658 2.877 2.5 4c1.5 2 2.5 2.5 3.5 1c.667 -1 1.167 -1.833 1.5 -2.5c1 2.333 2.333 3.5 4 3.5h2.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 17v-12c0 -1.121 -.879 -2 -2 -2s-2 .879 -2 2v12l2 2l2 -2z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 7h4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/writing-sign -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 19c3.333 -2 5 -4 5 -6c0 -3 -1 -3 -2 -3s-2.032 1.085 -2 3c.034 2.048 1.658 2.877 2.5 4c1.5 2 2.5 2.5 3.5 1c.667 -1 1.167 -1.833 1.5 -2.5c1 2.333 2.333 3.5 4 3.5h2.5" /><path d="M20 17v-12c0 -1.121 -.879 -2 -2 -2s-2 .879 -2 2v12l2 2l2 -2z" /><path d="M16 7h4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">writing-sign</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="writing" title="writing" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/writing --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 17v-12c0 -1.121 -.879 -2 -2 -2s-2 .879 -2 2v12l2 2l2 -2z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 7h4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 19h-13a2 2 0 1 1 0 -4h4a2 2 0 1 0 0 -4h-3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/writing -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 17v-12c0 -1.121 -.879 -2 -2 -2s-2 .879 -2 2v12l2 2l2 -2z" /><path d="M16 7h4" /><path d="M18 19h-13a2 2 0 1 1 0 -4h4a2 2 0 1 0 0 -4h-3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">writing</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="x" title="x" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/x --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/x -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
|
|
<div class="mt-1 text-muted text-h5">x</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="yin-yang" title="yin-yang" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/yin-yang --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3a4.5 4.5 0 0 0 0 9a4.5 4.5 0 0 1 0 9"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"7.5"</span> <span class="na">r=</span><span class="s">".5"</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"16.5"</span> <span class="na">r=</span><span class="s">".5"</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/yin-yang -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M12 3a4.5 4.5 0 0 0 0 9a4.5 4.5 0 0 1 0 9" /><circle cx="12" cy="7.5" r=".5" fill="currentColor" /><circle cx="12" cy="16.5" r=".5" fill="currentColor" /></svg>
|
|
<div class="mt-1 text-muted text-h5">yin-yang</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="zodiac-aquarius" title="zodiac-aquarius" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/zodiac-aquarius --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 10l3 -3l3 3l3 -3l3 3l3 -3l3 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 17l3 -3l3 3l3 -3l3 3l3 -3l3 3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/zodiac-aquarius -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 10l3 -3l3 3l3 -3l3 3l3 -3l3 3" /><path d="M3 17l3 -3l3 3l3 -3l3 3l3 -3l3 3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">zodiac-aquarius</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="zodiac-aries" title="zodiac-aries" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/zodiac-aries --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 5a5 5 0 1 0 -4 8"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 13a5 5 0 1 0 -4 -8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/zodiac-aries -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 5a5 5 0 1 0 -4 8" /><path d="M16 13a5 5 0 1 0 -4 -8" /><line x1="12" y1="21" x2="12" y2="5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">zodiac-aries</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="zodiac-cancer" title="zodiac-cancer" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/zodiac-cancer --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"18"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 12a10 6.5 0 0 1 14 -6.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 12a10 6.5 0 0 1 -14 6.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/zodiac-cancer -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="12" r="3" /><circle cx="18" cy="12" r="3" /><path d="M3 12a10 6.5 0 0 1 14 -6.5" /><path d="M21 12a10 6.5 0 0 1 -14 6.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">zodiac-cancer</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="zodiac-capricorn" title="zodiac-capricorn" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/zodiac-capricorn --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 4a3 3 0 0 1 3 3v9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 7a3 3 0 0 1 6 0v11a3 3 0 0 1 -3 3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"16"</span> <span class="na">cy=</span><span class="s">"17"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/zodiac-capricorn -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4a3 3 0 0 1 3 3v9" /><path d="M7 7a3 3 0 0 1 6 0v11a3 3 0 0 1 -3 3" /><circle cx="16" cy="17" r="3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">zodiac-capricorn</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="zodiac-gemini" title="zodiac-gemini" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/zodiac-gemini --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 3a21 21 0 0 0 18 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 21a21 21 0 0 1 18 0"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"4.5"</span> <span class="na">x2=</span><span class="s">"7"</span> <span class="na">y2=</span><span class="s">"19.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"17"</span> <span class="na">y1=</span><span class="s">"4.5"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"19.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/zodiac-gemini -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 3a21 21 0 0 0 18 0" /><path d="M3 21a21 21 0 0 1 18 0" /><line x1="7" y1="4.5" x2="7" y2="19.5" /><line x1="17" y1="4.5" x2="17" y2="19.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">zodiac-gemini</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="zodiac-leo" title="zodiac-leo" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/zodiac-leo --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 17a4 4 0 1 0 8 0"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"6"</span> <span class="na">cy=</span><span class="s">"16"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"11"</span> <span class="na">cy=</span><span class="s">"7"</span> <span class="na">r=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 7c0 3 2 5 2 9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 7c0 4 -2 6 -2 10"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/zodiac-leo -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 17a4 4 0 1 0 8 0" /><circle cx="6" cy="16" r="3" /><circle cx="11" cy="7" r="4" /><path d="M7 7c0 3 2 5 2 9" /><path d="M15 7c0 4 -2 6 -2 10" /></svg>
|
|
<div class="mt-1 text-muted text-h5">zodiac-leo</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="zodiac-libra" title="zodiac-libra" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/zodiac-libra --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 17h5v-.3a7 7 0 1 1 4 0v.3h5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/zodiac-libra -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="20" x2="19" y2="20" /><path d="M5 17h5v-.3a7 7 0 1 1 4 0v.3h5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">zodiac-libra</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="zodiac-pisces" title="zodiac-pisces" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/zodiac-pisces --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 3a21 21 0 0 1 0 18"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 3a21 21 0 0 0 0 18"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"5"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/zodiac-pisces -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 3a21 21 0 0 1 0 18" /><path d="M19 3a21 21 0 0 0 0 18" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">zodiac-pisces</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="zodiac-sagittarius" title="zodiac-sagittarius" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/zodiac-sagittarius --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M13 4h7v7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6.5"</span> <span class="na">y1=</span><span class="s">"12.5"</span> <span class="na">x2=</span><span class="s">"11.5"</span> <span class="na">y2=</span><span class="s">"17.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/zodiac-sagittarius -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="20" x2="20" y2="4" /><path d="M13 4h7v7" /><line x1="6.5" y1="12.5" x2="11.5" y2="17.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">zodiac-sagittarius</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="zodiac-scorpio" title="zodiac-scorpio" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/zodiac-scorpio --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 4a2 2 0 0 1 2 2v9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 6a2 2 0 0 1 4 0v9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 6a2 2 0 0 1 4 0v10a3 3 0 0 0 3 3h5l-3 -3m0 6l3 -3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/zodiac-scorpio -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 4a2 2 0 0 1 2 2v9" /><path d="M5 6a2 2 0 0 1 4 0v9" /><path d="M9 6a2 2 0 0 1 4 0v10a3 3 0 0 0 3 3h5l-3 -3m0 6l3 -3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">zodiac-scorpio</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="zodiac-taurus" title="zodiac-taurus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/zodiac-taurus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 3a6 6 0 0 0 12 0"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"15"</span> <span class="na">r=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/zodiac-taurus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 3a6 6 0 0 0 12 0" /><circle cx="12" cy="15" r="6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">zodiac-taurus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="zodiac-virgo" title="zodiac-virgo" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/zodiac-virgo --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 4a2 2 0 0 1 2 2v9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 6a2 2 0 0 1 4 0v9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 6a2 2 0 0 1 4 0v10a7 5 0 0 0 7 5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 21a7 5 0 0 0 7 -5v-2a3 3 0 0 0 -6 0"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/zodiac-virgo -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 4a2 2 0 0 1 2 2v9" /><path d="M5 6a2 2 0 0 1 4 0v9" /><path d="M9 6a2 2 0 0 1 4 0v10a7 5 0 0 0 7 5" /><path d="M12 21a7 5 0 0 0 7 -5v-2a3 3 0 0 0 -6 0" /></svg>
|
|
<div class="mt-1 text-muted text-h5">zodiac-virgo</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="zoom-cancel" title="zoom-cancel" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/zoom-cancel --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"10"</span> <span class="na">cy=</span><span class="s">"10"</span> <span class="na">r=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"21"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/zoom-cancel -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="8" y1="8" x2="12" y2="12" /><line x1="12" y1="8" x2="8" y2="12" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
|
<div class="mt-1 text-muted text-h5">zoom-cancel</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="zoom-check" title="zoom-check" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/zoom-check --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"10"</span> <span class="na">cy=</span><span class="s">"10"</span> <span class="na">r=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 21l-6 -6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 10l2 2l4 -4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/zoom-check -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><path d="M21 21l-6 -6" /><path d="M7 10l2 2l4 -4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">zoom-check</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="zoom-in" title="zoom-in" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/zoom-in --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"10"</span> <span class="na">cy=</span><span class="s">"10"</span> <span class="na">r=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"21"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/zoom-in -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="7" y1="10" x2="13" y2="10" /><line x1="10" y1="7" x2="10" y2="13" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
|
<div class="mt-1 text-muted text-h5">zoom-in</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="zoom-money" title="zoom-money" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/zoom-money --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"10"</span> <span class="na">cy=</span><span class="s">"10"</span> <span class="na">r=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 21l-6 -6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3h-2.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 13v1m0 -8v1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/zoom-money -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><path d="M21 21l-6 -6" /><path d="M12 7h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3h-2.5" /><path d="M10 13v1m0 -8v1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">zoom-money</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="zoom-out" title="zoom-out" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/zoom-out --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"10"</span> <span class="na">cy=</span><span class="s">"10"</span> <span class="na">r=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"21"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/zoom-out -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="7" y1="10" x2="13" y2="10" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
|
<div class="mt-1 text-muted text-h5">zoom-out</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="zoom-question" title="zoom-question" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/zoom-question --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"10"</span> <span class="na">cy=</span><span class="s">"10"</span> <span class="na">r=</span><span class="s">"7"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 21l-6 -6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"13.01"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 10a1.5 1.5 0 1 0 -1.14 -2.474"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/zoom-question -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><path d="M21 21l-6 -6" /><line x1="10" y1="13" x2="10" y2="13.01" /><path d="M10 10a1.5 1.5 0 1 0 -1.14 -2.474" /></svg>
|
|
<div class="mt-1 text-muted text-h5">zoom-question</div>
|
|
</a>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<div class="card-title">Brand icons</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row" data-icon-preview>
|
|
<div class="col-md-6 col-lg-4">
|
|
<div class="demo-icon-preview">
|
|
<div data-icon-preview-icon>
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-airbnb -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 10c-2 0 -3 1 -3 3c0 1.5 1.494 3.535 3 5.5c1 1 1.5 1.5 2.5 2s2.5 1 4.5 -.5s1.5 -3.5 .5 -6s-2.333 -5.5 -5 -9.5c-.834 -1 -1.5 -1.5 -2.503 -1.5c-1 0 -1.623 .45 -2.497 1.5c-2.667 4 -4 7 -5 9.5s-1.5 4.5 .5 6s3.5 1 4.5 .5s1.5 -1 2.5 -2c1.506 -1.965 3 -4 3 -5.5c0 -2 -1 -3 -3 -3z" /></svg>
|
|
</div>
|
|
<h2 class="my-2" data-icon-preview-title>brand-airbnb</h2>
|
|
<div class="demo-icon-preview-icon" data-icon-preview-code>
|
|
<figure class="highlight">
|
|
<pre><code class="language-html" data-lang="html"><span class="c"><!-- Download SVG icon from http://tabler-icons.io/i/brand-airbnb --></span>
|
|
<span class="nt"><svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">><path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/><path</span> <span class="na">d=</span><span class="s">"M12 10c-2 0 -3 1 -3 3c0 1.5 1.494 3.535 3 5.5c1 1 1.5 1.5 2.5 2s2.5 1 4.5 -.5s1.5 -3.5 .5 -6s-2.333 -5.5 -5 -9.5c-.834 -1 -1.5 -1.5 -2.503 -1.5c-1 0 -1.623 .45 -2.497 1.5c-2.667 4 -4 7 -5 9.5s-1.5 4.5 .5 6s3.5 1 4.5 .5s1.5 -1 2.5 -2c1.506 -1.965 3 -4 3 -5.5c0 -2 -1 -3 -3 -3z"</span> <span class="nt">/></svg></span></code></pre>
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="demo-icons-list-wrap">
|
|
<div class="demo-icons-list">
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-airbnb" title="brand-airbnb" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-airbnb --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 10c-2 0 -3 1 -3 3c0 1.5 1.494 3.535 3 5.5c1 1 1.5 1.5 2.5 2s2.5 1 4.5 -.5s1.5 -3.5 .5 -6s-2.333 -5.5 -5 -9.5c-.834 -1 -1.5 -1.5 -2.503 -1.5c-1 0 -1.623 .45 -2.497 1.5c-2.667 4 -4 7 -5 9.5s-1.5 4.5 .5 6s3.5 1 4.5 .5s1.5 -1 2.5 -2c1.506 -1.965 3 -4 3 -5.5c0 -2 -1 -3 -3 -3z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-airbnb -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 10c-2 0 -3 1 -3 3c0 1.5 1.494 3.535 3 5.5c1 1 1.5 1.5 2.5 2s2.5 1 4.5 -.5s1.5 -3.5 .5 -6s-2.333 -5.5 -5 -9.5c-.834 -1 -1.5 -1.5 -2.503 -1.5c-1 0 -1.623 .45 -2.497 1.5c-2.667 4 -4 7 -5 9.5s-1.5 4.5 .5 6s3.5 1 4.5 .5s1.5 -1 2.5 -2c1.506 -1.965 3 -4 3 -5.5c0 -2 -1 -3 -3 -3z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-airbnb</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-android" title="brand-android" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-android --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"4"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"10"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 9h10v8a1 1 0 0 1 -1 1h-8a1 1 0 0 1 -1 -1v-8a5 5 0 0 1 10 0"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-android -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="10" x2="4" y2="16" /><line x1="20" y1="10" x2="20" y2="16" /><path d="M7 9h10v8a1 1 0 0 1 -1 1h-8a1 1 0 0 1 -1 -1v-8a5 5 0 0 1 10 0" /><line x1="8" y1="3" x2="9" y2="5" /><line x1="16" y1="3" x2="15" y2="5" /><line x1="9" y1="18" x2="9" y2="21" /><line x1="15" y1="18" x2="15" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-android</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-apple-arcade" title="brand-apple-arcade" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-apple-arcade --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"5"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 12.5v4.75a0.734 .734 0 0 1 -.055 .325a0.704 .704 0 0 1 -.348 .366l-5.462 2.58a4.998 4.998 0 0 1 -4.27 0l-5.462 -2.58a0.705 .705 0 0 1 -.401 -.691l-.002 -4.75"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4.431 12.216l5.634 -2.332a5.065 5.065 0 0 1 3.87 0l5.634 2.332a0.692 .692 0 0 1 .028 1.269l-5.462 2.543a5.064 5.064 0 0 1 -4.27 0l-5.462 -2.543a0.691 .691 0 0 1 .028 -1.27z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"7"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-apple-arcade -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="5" r="2" /><path d="M20 12.5v4.75a0.734 .734 0 0 1 -.055 .325a0.704 .704 0 0 1 -.348 .366l-5.462 2.58a4.998 4.998 0 0 1 -4.27 0l-5.462 -2.58a0.705 .705 0 0 1 -.401 -.691l-.002 -4.75" /><path d="M4.431 12.216l5.634 -2.332a5.065 5.065 0 0 1 3.87 0l5.634 2.332a0.692 .692 0 0 1 .028 1.269l-5.462 2.543a5.064 5.064 0 0 1 -4.27 0l-5.462 -2.543a0.691 .691 0 0 1 .028 -1.27z" /><line x1="12" y1="7" x2="12" y2="13" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-apple-arcade</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-apple" title="brand-apple" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-apple --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 7c-3 0 -4 3 -4 5.5c0 3 2 7.5 4 7.5c1.088 -.046 1.679 -.5 3 -.5c1.312 0 1.5 .5 3 .5s4 -3 4 -5c-.028 -.01 -2.472 -.403 -2.5 -3c-.019 -2.17 2.416 -2.954 2.5 -3c-1.023 -1.492 -2.951 -1.963 -3.5 -2c-1.433 -.111 -2.83 1 -3.5 1c-.68 0 -1.9 -1 -3 -1z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 4a2 2 0 0 0 2 -2a2 2 0 0 0 -2 2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-apple -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7c-3 0 -4 3 -4 5.5c0 3 2 7.5 4 7.5c1.088 -.046 1.679 -.5 3 -.5c1.312 0 1.5 .5 3 .5s4 -3 4 -5c-.028 -.01 -2.472 -.403 -2.5 -3c-.019 -2.17 2.416 -2.954 2.5 -3c-1.023 -1.492 -2.951 -1.963 -3.5 -2c-1.433 -.111 -2.83 1 -3.5 1c-.68 0 -1.9 -1 -3 -1z" /><path d="M12 4a2 2 0 0 0 2 -2a2 2 0 0 0 -2 2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-apple</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-appstore" title="brand-appstore" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-appstore --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 16l1.106 -1.99m1.4 -2.522l2.494 -4.488"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 14h5m2.9 0h2.1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 16l-2.51 -4.518m-1.487 -2.677l-1.003 -1.805"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-appstore -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M8 16l1.106 -1.99m1.4 -2.522l2.494 -4.488" /><path d="M7 14h5m2.9 0h2.1" /><path d="M16 16l-2.51 -4.518m-1.487 -2.677l-1.003 -1.805" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-appstore</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-asana" title="brand-asana" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-asana --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"7"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"16"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"7"</span> <span class="na">cy=</span><span class="s">"16"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-asana -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="7" r="3" /><circle cx="17" cy="16" r="3" /><circle cx="7" cy="16" r="3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-asana</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-behance" title="brand-behance" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-behance --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 18v-12h4.5a3 3 0 0 1 0 6a3 3 0 0 1 0 6h-4.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"7.5"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 13h7a3.5 3.5 0 0 0 -7 0v2a3.5 3.5 0 0 0 6.64 1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"19"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-behance -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 18v-12h4.5a3 3 0 0 1 0 6a3 3 0 0 1 0 6h-4.5" /><line x1="3" y1="12" x2="7.5" y2="12" /><path d="M14 13h7a3.5 3.5 0 0 0 -7 0v2a3.5 3.5 0 0 0 6.64 1" /><line x1="16" y1="6" x2="19" y2="6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-behance</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-bing" title="brand-bing" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-bing --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 3l4 1.5v12l6 -2.5l-2 -1l-1 -4l7 2.5v4.5l-10 5l-4 -2z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-bing -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 3l4 1.5v12l6 -2.5l-2 -1l-1 -4l7 2.5v4.5l-10 5l-4 -2z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-bing</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-bitbucket" title="brand-bitbucket" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-bitbucket --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3.648 4a0.64 .64 0 0 0 -.64 .744l3.14 14.528c.07 .417 .43 .724 .852 .728h10a0.644 .644 0 0 0 .642 -.539l3.35 -14.71a0.641 .641 0 0 0 -.64 -.744l-16.704 -.007z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 15h-4l-1 -6h6z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-bitbucket -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3.648 4a0.64 .64 0 0 0 -.64 .744l3.14 14.528c.07 .417 .43 .724 .852 .728h10a0.644 .644 0 0 0 .642 -.539l3.35 -14.71a0.641 .641 0 0 0 -.64 -.744l-16.704 -.007z" /><path d="M14 15h-4l-1 -6h6z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-bitbucket</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-booking" title="brand-booking" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-booking --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 18v-9.5a4.5 4.5 0 0 1 4.5 -4.5h7a4.5 4.5 0 0 1 4.5 4.5v7a4.5 4.5 0 0 1 -4.5 4.5h-9.5a2 2 0 0 1 -2 -2z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 12h3.5a2 2 0 1 1 0 4h-3.5v-7a1 1 0 0 1 1 -1h1.5a2 2 0 1 1 0 4h-1.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"16.01"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-booking -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 18v-9.5a4.5 4.5 0 0 1 4.5 -4.5h7a4.5 4.5 0 0 1 4.5 4.5v7a4.5 4.5 0 0 1 -4.5 4.5h-9.5a2 2 0 0 1 -2 -2z" /><path d="M8 12h3.5a2 2 0 1 1 0 4h-3.5v-7a1 1 0 0 1 1 -1h1.5a2 2 0 1 1 0 4h-1.5" /><line x1="16" y1="16" x2="16.01" y2="16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-booking</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-chrome" title="brand-chrome" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-chrome --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"20.4"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"20.4"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="na">transform=</span><span class="s">"rotate(120 12 12)"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"20.4"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="na">transform=</span><span class="s">"rotate(240 12 12)"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-chrome -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><circle cx="12" cy="12" r="3" /><line x1="12" y1="9" x2="20.4" y2="9" /><line x1="12" y1="9" x2="20.4" y2="9" transform="rotate(120 12 12)" /><line x1="12" y1="9" x2="20.4" y2="9" transform="rotate(240 12 12)" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-chrome</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-codepen" title="brand-codepen" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-codepen --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 15l9 6l9 -6l-9 -6l-9 6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 9l9 6l9 -6l-9 -6l-9 6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"3"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"21"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"21"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"3"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-codepen -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 15l9 6l9 -6l-9 -6l-9 6" /><path d="M3 9l9 6l9 -6l-9 -6l-9 6" /><line x1="3" y1="9" x2="3" y2="15" /><line x1="21" y1="9" x2="21" y2="15" /><line x1="12" y1="3" x2="12" y2="9" /><line x1="12" y1="15" x2="12" y2="21" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-codepen</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-codesandbox" title="brand-codesandbox" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-codesandbox --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 7.5v9l-4 2.25l-4 2.25l-4 -2.25l-4 -2.25v-9l4 -2.25l4 -2.25l4 2.25z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12l4 -2.25l4 -2.25"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12l-4 -2.25l-4 -2.25"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 12l-4 2v4.75"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 12l4 2l0 4.75"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 5.25l4 2.25l4 -2.25"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-codesandbox -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 7.5v9l-4 2.25l-4 2.25l-4 -2.25l-4 -2.25v-9l4 -2.25l4 -2.25l4 2.25z" /><path d="M12 12l4 -2.25l4 -2.25" /><line x1="12" y1="12" x2="12" y2="21" /><path d="M12 12l-4 -2.25l-4 -2.25" /><path d="M20 12l-4 2v4.75" /><path d="M4 12l4 2l0 4.75" /><path d="M8 5.25l4 2.25l4 -2.25" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-codesandbox</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-css3" title="brand-css3" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-css3 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 4l-2 14.5l-6 2l-6 -2l-2 -14.5z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8.5 8h7l-4.5 4h4l-.5 3.5l-2.5 .75l-2.5 -.75l-.1 -.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-css3 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 4l-2 14.5l-6 2l-6 -2l-2 -14.5z" /><path d="M8.5 8h7l-4.5 4h4l-.5 3.5l-2.5 .75l-2.5 -.75l-.1 -.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-css3</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-deviantart" title="brand-deviantart" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-deviantart --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 3v4l-3.857 6h3.857v4h-6.429l-2.571 4h-3v-4l3.857 -6h-3.857v-4h6.429l2.571 -4z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-deviantart -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 3v4l-3.857 6h3.857v4h-6.429l-2.571 4h-3v-4l3.857 -6h-3.857v-4h6.429l2.571 -4z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-deviantart</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-discord" title="brand-discord" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-discord --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"9"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"15"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7.5 7.5c3.5 -1 5.5 -1 9 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 16.5c3.5 1 6.5 1 10 0"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15.5 17c0 1 1.5 3 2 3c1.5 0 2.833 -1.667 3.5 -3c.667 -1.667 .5 -5.833 -1.5 -11.5c-1.457 -1.015 -3 -1.34 -4.5 -1.5l-1 2.5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8.5 17c0 1 -1.356 3 -1.832 3c-1.429 0 -2.698 -1.667 -3.333 -3c-.635 -1.667 -.476 -5.833 1.428 -11.5c1.388 -1.015 2.782 -1.34 4.237 -1.5l1 2.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-discord -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="12" r="1" /><circle cx="15" cy="12" r="1" /><path d="M7.5 7.5c3.5 -1 5.5 -1 9 0" /><path d="M7 16.5c3.5 1 6.5 1 10 0" /><path d="M15.5 17c0 1 1.5 3 2 3c1.5 0 2.833 -1.667 3.5 -3c.667 -1.667 .5 -5.833 -1.5 -11.5c-1.457 -1.015 -3 -1.34 -4.5 -1.5l-1 2.5" /><path d="M8.5 17c0 1 -1.356 3 -1.832 3c-1.429 0 -2.698 -1.667 -3.333 -3c-.635 -1.667 -.476 -5.833 1.428 -11.5c1.388 -1.015 2.782 -1.34 4.237 -1.5l1 2.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-discord</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-disqus" title="brand-disqus" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-disqus --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11.847 21c-2.259 0 -4.323 -.667 -5.919 -2h-3.928l1.708 -3.266c-.545 -1.174 -.759 -2.446 -.758 -3.734c0 -4.97 3.84 -9 8.898 -9c5.052 0 9.152 4.03 9.152 9c0 4.972 -4.098 9 -9.153 9z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11.485 15h-1.485v-6h1.485c2.112 0 3.515 .823 3.515 2.981v.035c0 2.18 -1.403 2.984 -3.515 2.984z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-disqus -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11.847 21c-2.259 0 -4.323 -.667 -5.919 -2h-3.928l1.708 -3.266c-.545 -1.174 -.759 -2.446 -.758 -3.734c0 -4.97 3.84 -9 8.898 -9c5.052 0 9.152 4.03 9.152 9c0 4.972 -4.098 9 -9.153 9z" /><path d="M11.485 15h-1.485v-6h1.485c2.112 0 3.515 .823 3.515 2.981v.035c0 2.18 -1.403 2.984 -3.515 2.984z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-disqus</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-docker" title="brand-docker" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-docker --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M22 12.54c-1.804 -.345 -2.701 -1.08 -3.523 -2.94c-.487 .696 -1.102 1.568 -.92 2.4c.028 .238 -.32 1.002 -.557 1h-14c0 5.208 3.164 7 6.196 7c4.124 .022 7.828 -1.376 9.854 -5c1.146 -.101 2.296 -1.505 2.95 -2.46z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 10h3v3h-3z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 10h3v3h-3z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 10h3v3h-3z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 7h3v3h-3z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 7h3v3h-3z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 4h3v3h-3z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4.571 18.001c1.5 0 2.047 -.074 2.958 -.78"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"10"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"16.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-docker -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M22 12.54c-1.804 -.345 -2.701 -1.08 -3.523 -2.94c-.487 .696 -1.102 1.568 -.92 2.4c.028 .238 -.32 1.002 -.557 1h-14c0 5.208 3.164 7 6.196 7c4.124 .022 7.828 -1.376 9.854 -5c1.146 -.101 2.296 -1.505 2.95 -2.46z" /><path d="M5 10h3v3h-3z" /><path d="M8 10h3v3h-3z" /><path d="M11 10h3v3h-3z" /><path d="M8 7h3v3h-3z" /><path d="M11 7h3v3h-3z" /><path d="M11 4h3v3h-3z" /><path d="M4.571 18.001c1.5 0 2.047 -.074 2.958 -.78" /><line x1="10" y1="16" x2="10" y2="16.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-docker</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-dribbble" title="brand-dribbble" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-dribbble --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 3.6c5 6 7 10.5 7.5 16.2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6.4 19c3.5 -3.5 6 -6.5 14.5 -6.4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3.1 10.75c5 0 9.814 -.38 15.314 -5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-dribbble -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M9 3.6c5 6 7 10.5 7.5 16.2" /><path d="M6.4 19c3.5 -3.5 6 -6.5 14.5 -6.4" /><path d="M3.1 10.75c5 0 9.814 -.38 15.314 -5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-dribbble</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-edge" title="brand-edge" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-edge --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20.978 11.372a9 9 0 1 0 -1.593 5.773"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20.978 11.372c.21 2.993 -5.034 2.413 -6.913 1.486c1.392 -1.6 .402 -4.038 -2.274 -3.851c-1.745 .122 -2.927 1.157 -2.784 3.202c.28 3.99 4.444 6.205 10.36 4.79"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3.022 12.628c-.283 -4.043 8.717 -7.228 11.248 -2.688"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12.628 20.978c-2.993 .21 -5.162 -4.725 -3.567 -9.748"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-edge -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20.978 11.372a9 9 0 1 0 -1.593 5.773" /><path d="M20.978 11.372c.21 2.993 -5.034 2.413 -6.913 1.486c1.392 -1.6 .402 -4.038 -2.274 -3.851c-1.745 .122 -2.927 1.157 -2.784 3.202c.28 3.99 4.444 6.205 10.36 4.79" /><path d="M3.022 12.628c-.283 -4.043 8.717 -7.228 11.248 -2.688" /><path d="M12.628 20.978c-2.993 .21 -5.162 -4.725 -3.567 -9.748" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-edge</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-facebook" title="brand-facebook" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-facebook --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-facebook -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-facebook</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-figma" title="brand-figma" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-figma --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"15"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"6"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"12"</span> <span class="na">height=</span><span class="s">"6"</span> <span class="na">rx=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 9a3 3 0 0 0 0 6h3m-3 0a3 3 0 1 0 3 3v-15"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-figma -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="15" cy="12" r="3" /><rect x="6" y="3" width="12" height="6" rx="3" /><path d="M9 9a3 3 0 0 0 0 6h3m-3 0a3 3 0 1 0 3 3v-15" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-figma</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-firefox" title="brand-firefox" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-firefox --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4.028 7.82a9 9 0 1 0 12.823 -3.4c-1.636 -1.02 -3.064 -1.02 -4.851 -1.02h-1.647"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4.914 9.485c-1.756 -1.569 -.805 -5.38 .109 -6.17c.086 .896 .585 1.208 1.111 1.685c.88 -.275 1.313 -.282 1.867 0c.82 -.91 1.694 -2.354 2.628 -2.093c-1.082 1.741 -.07 3.733 1.371 4.173c-.17 .975 -1.484 1.913 -2.76 2.686c-1.296 .938 -.722 1.85 0 2.234c.949 .506 3.611 -.995 4.545 .354c-1.698 .102 -1.536 3.107 -3.983 2.727c2.523 .957 4.345 .462 5.458 -.34c1.965 -1.52 2.879 -3.542 2.879 -5.557c-.014 -1.398 .194 -2.695 -1.26 -4.75"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-firefox -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4.028 7.82a9 9 0 1 0 12.823 -3.4c-1.636 -1.02 -3.064 -1.02 -4.851 -1.02h-1.647" /><path d="M4.914 9.485c-1.756 -1.569 -.805 -5.38 .109 -6.17c.086 .896 .585 1.208 1.111 1.685c.88 -.275 1.313 -.282 1.867 0c.82 -.91 1.694 -2.354 2.628 -2.093c-1.082 1.741 -.07 3.733 1.371 4.173c-.17 .975 -1.484 1.913 -2.76 2.686c-1.296 .938 -.722 1.85 0 2.234c.949 .506 3.611 -.995 4.545 .354c-1.698 .102 -1.536 3.107 -3.983 2.727c2.523 .957 4.345 .462 5.458 -.34c1.965 -1.52 2.879 -3.542 2.879 -5.557c-.014 -1.398 .194 -2.695 -1.26 -4.75" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-firefox</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-flickr" title="brand-flickr" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-flickr --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"7"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"17"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-flickr -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="12" r="3" /><circle cx="17" cy="12" r="3" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-flickr</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-foursquare" title="brand-foursquare" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-foursquare --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 3h10c.644 0 1.11 .696 .978 1.33l-1.984 9.859a1.014 1.014 0 0 1 -.994 .811h-2.254c-.308 0 -.6 .141 -.793 .382l-4.144 5.25c-.599 .752 -1.809 .331 -1.809 -.632v-16c0 -.564 .44 -1 1 -1z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"17"</span> <span class="na">y2=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-foursquare -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 3h10c.644 0 1.11 .696 .978 1.33l-1.984 9.859a1.014 1.014 0 0 1 -.994 .811h-2.254c-.308 0 -.6 .141 -.793 .382l-4.144 5.25c-.599 .752 -1.809 .331 -1.809 -.632v-16c0 -.564 .44 -1 1 -1z" /><line x1="12" y1="9" x2="17" y2="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-foursquare</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-framer" title="brand-framer" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-framer --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M6 15h12l-12 -12h12v6h-12v6l6 6v-6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-framer -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 15h12l-12 -12h12v6h-12v6l6 6v-6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-framer</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-github" title="brand-github" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-github --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-github</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-gitlab" title="brand-gitlab" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-gitlab --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 14l-9 7l-9 -7l3 -11l3 7h6l3 -7z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-gitlab -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M21 14l-9 7l-9 -7l3 -11l3 7h6l3 -7z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-gitlab</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-google-analytics" title="brand-google-analytics" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-google-analytics --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"10"</span> <span class="na">y=</span><span class="s">"9"</span> <span class="na">width=</span><span class="s">"4"</span> <span class="na">height=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"1.105"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"17"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"4"</span> <span class="na">height=</span><span class="s">"18"</span> <span class="na">rx=</span><span class="s">"1.105"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"5"</span> <span class="na">cy=</span><span class="s">"19"</span> <span class="na">r=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-google-analytics -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="10" y="9" width="4" height="12" rx="1.105" /><rect x="17" y="3" width="4" height="18" rx="1.105" /><circle cx="5" cy="19" r="2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-google-analytics</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-google-drive" title="brand-google-drive" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-google-drive --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 10l-6 10l-3 -5l6 -10z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 15h12l-3 5h-12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 15l-6 -10h6l6 10z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-google-drive -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 10l-6 10l-3 -5l6 -10z" /><path d="M9 15h12l-3 5h-12" /><path d="M15 15l-6 -10h6l6 10z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-google-drive</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-google-play" title="brand-google-play" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-google-play --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 3.71v16.58a0.7 .7 0 0 0 1.05 .606l14.622 -8.42a0.55 .55 0 0 0 0 -.953l-14.622 -8.419a0.7 .7 0 0 0 -1.05 .607z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"4.5"</span> <span class="na">y2=</span><span class="s">"20.5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4.5"</span> <span class="na">y1=</span><span class="s">"3.5"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-google-play -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 3.71v16.58a0.7 .7 0 0 0 1.05 .606l14.622 -8.42a0.55 .55 0 0 0 0 -.953l-14.622 -8.419a0.7 .7 0 0 0 -1.05 .607z" /><line x1="15" y1="9" x2="4.5" y2="20.5" /><line x1="4.5" y1="3.5" x2="15" y2="15" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-google-play</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-google" title="brand-google" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-google --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17.788 5.108a9 9 0 1 0 3.212 6.892h-8"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-google -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.788 5.108a9 9 0 1 0 3.212 6.892h-8" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-google</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-gravatar" title="brand-gravatar" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-gravatar --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5.64 5.632a9 9 0 1 0 6.36 -2.632v7.714"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-gravatar -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5.64 5.632a9 9 0 1 0 6.36 -2.632v7.714" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-gravatar</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-hipchat" title="brand-hipchat" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-hipchat --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17.802 17.292s.077 -.055 .2 -.149c1.843 -1.425 2.998 -3.49 2.998 -5.789c0 -4.286 -4.03 -7.764 -8.998 -7.764c-4.97 0 -9.002 3.478 -9.002 7.764c0 4.288 4.03 7.646 9 7.646c.424 0 1.12 -.028 2.088 -.084c1.262 .82 3.104 1.493 4.716 1.493c.499 0 .734 -.41 .414 -.828c-.486 -.596 -1.156 -1.551 -1.416 -2.29z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7.5 13.5c2.5 2.5 6.5 2.5 9 0"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-hipchat -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.802 17.292s.077 -.055 .2 -.149c1.843 -1.425 2.998 -3.49 2.998 -5.789c0 -4.286 -4.03 -7.764 -8.998 -7.764c-4.97 0 -9.002 3.478 -9.002 7.764c0 4.288 4.03 7.646 9 7.646c.424 0 1.12 -.028 2.088 -.084c1.262 .82 3.104 1.493 4.716 1.493c.499 0 .734 -.41 .414 -.828c-.486 -.596 -1.156 -1.551 -1.416 -2.29z" /><path d="M7.5 13.5c2.5 2.5 6.5 2.5 9 0" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-hipchat</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-html5" title="brand-html5" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-html5 --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 4l-2 14.5l-6 2l-6 -2l-2 -14.5z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15.5 8h-7l.5 4h6l-.5 3.5l-2.5 .75l-2.5 -.75l-.1 -.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-html5 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 4l-2 14.5l-6 2l-6 -2l-2 -14.5z" /><path d="M15.5 8h-7l.5 4h6l-.5 3.5l-2.5 .75l-2.5 -.75l-.1 -.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-html5</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-instagram" title="brand-instagram" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-instagram --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16.5"</span> <span class="na">y1=</span><span class="s">"7.5"</span> <span class="na">x2=</span><span class="s">"16.5"</span> <span class="na">y2=</span><span class="s">"7.501"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-instagram -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="4" /><circle cx="12" cy="12" r="3" /><line x1="16.5" y1="7.5" x2="16.5" y2="7.501" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-instagram</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-kickstarter" title="brand-kickstarter" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-kickstarter --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11 9l2.975 -4.65c.615 -.9 1.405 -1.35 2.377 -1.35c.79 0 1.474 .286 2.054 .858c.576 .574 .866 1.256 .866 2.054c0 .588 -.153 1.109 -.46 1.559l-2.812 4.029l3.465 4.912c.356 .46 .535 .998 .535 1.613a2.92 2.92 0 0 1 -.843 2.098c-.561 .584 -1.242 .877 -2.04 .877c-.876 0 -1.545 -.29 -2.005 -.87l-4.112 -5.697v3.067c0 .876 -.313 1.69 -.611 2.175c-.543 .883 -1.35 1.325 -2.389 1.325c-.944 0 -1.753 -.327 -2.271 -.974c-.486 -.6 -.729 -1.392 -.729 -2.38v-11.371c0 -.934 .247 -1.706 .74 -2.313c.512 -.641 1.347 -.962 2.26 -.962c.868 0 1.821 .321 2.4 .962c.323 .356 .515 .714 .6 1.08c.052 .224 0 .643 0 1.26v2.698z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-kickstarter -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 9l2.975 -4.65c.615 -.9 1.405 -1.35 2.377 -1.35c.79 0 1.474 .286 2.054 .858c.576 .574 .866 1.256 .866 2.054c0 .588 -.153 1.109 -.46 1.559l-2.812 4.029l3.465 4.912c.356 .46 .535 .998 .535 1.613a2.92 2.92 0 0 1 -.843 2.098c-.561 .584 -1.242 .877 -2.04 .877c-.876 0 -1.545 -.29 -2.005 -.87l-4.112 -5.697v3.067c0 .876 -.313 1.69 -.611 2.175c-.543 .883 -1.35 1.325 -2.389 1.325c-.944 0 -1.753 -.327 -2.271 -.974c-.486 -.6 -.729 -1.392 -.729 -2.38v-11.371c0 -.934 .247 -1.706 .74 -2.313c.512 -.641 1.347 -.962 2.26 -.962c.868 0 1.821 .321 2.4 .962c.323 .356 .515 .714 .6 1.08c.052 .224 0 .643 0 1.26v2.698z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-kickstarter</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-kotlin" title="brand-kotlin" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-kotlin --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 20h-16v-16h16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 12l8 -8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"20"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-kotlin -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 20h-16v-16h16" /><line x1="4" y1="20" x2="20" y2="4" /><path d="M4 12l8 -8" /><line x1="12" y1="12" x2="20" y2="20" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-kotlin</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-linkedin" title="brand-linkedin" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-linkedin --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"16"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"8.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16 16v-3a2 2 0 0 0 -4 0"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-linkedin -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="8" y1="11" x2="8" y2="16" /><line x1="8" y1="8" x2="8" y2="8.01" /><line x1="12" y1="16" x2="12" y2="11" /><path d="M16 16v-3a2 2 0 0 0 -4 0" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-linkedin</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-medium" title="brand-medium" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-medium --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 9h1l3 3l3 -3h1"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"10"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"14"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"15"</span> <span class="na">y1=</span><span class="s">"9"</span> <span class="na">x2=</span><span class="s">"15"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-medium -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M8 9h1l3 3l3 -3h1" /><line x1="8" y1="15" x2="10" y2="15" /><line x1="14" y1="15" x2="16" y2="15" /><line x1="9" y1="9" x2="9" y2="15" /><line x1="15" y1="9" x2="15" y2="15" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-medium</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-messenger" title="brand-messenger" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-messenger --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 20l1.3 -3.9a9 8 0 1 1 3.4 2.9l-4.7 1"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 13l3 -2l2 2l3 -2"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-messenger -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 20l1.3 -3.9a9 8 0 1 1 3.4 2.9l-4.7 1" /><path d="M8 13l3 -2l2 2l3 -2" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-messenger</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-netflix" title="brand-netflix" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-netflix --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 20v-16l7 16v-16"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-netflix -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 20v-16l7 16v-16" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-netflix</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-open-source" title="brand-open-source" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-open-source --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3a9 9 0 0 1 3.618 17.243l-2.193 -5.602a3 3 0 1 0 -2.849 0l-2.193 5.603a9 9 0 0 1 3.617 -17.244z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-open-source -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3a9 9 0 0 1 3.618 17.243l-2.193 -5.602a3 3 0 1 0 -2.849 0l-2.193 5.603a9 9 0 0 1 3.617 -17.244z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-open-source</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-opera" title="brand-opera" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-opera --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;ellipse</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">rx=</span><span class="s">"3"</span> <span class="na">ry=</span><span class="s">"5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-opera -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><ellipse cx="12" cy="12" rx="3" ry="5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-opera</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-pagekit" title="brand-pagekit" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-pagekit --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12.077 20h-5.077v-16h11v14h-5.077"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-pagekit -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12.077 20h-5.077v-16h11v14h-5.077" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-pagekit</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-patreon" title="brand-patreon" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-patreon --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 3h3v18h-3z"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"15"</span> <span class="na">cy=</span><span class="s">"9.5"</span> <span class="na">r=</span><span class="s">"6.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-patreon -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 3h3v18h-3z" /><circle cx="15" cy="9.5" r="6.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-patreon</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-paypal" title="brand-paypal" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-paypal --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 13l2.5 0c2.5 0 5 -2.5 5 -5c0 -3 -1.9 -5 -5 -5h-5.5c-.5 0 -1 .5 -1 1l-2 14c0 .5 .5 1 1 1h2.8l1.2 -5c.1 -.6 .4 -1 1 -1zm7.5 -5.8c1.7 1 2.5 2.8 2.5 4.8c0 2.5 -2.5 4.5 -5 4.5h-2.6l-.6 3.6a1 1 0 0 1 -1 .8l-2.7 0a0.5 .5 0 0 1 -.5 -.6l.2 -1.4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-paypal -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 13l2.5 0c2.5 0 5 -2.5 5 -5c0 -3 -1.9 -5 -5 -5h-5.5c-.5 0 -1 .5 -1 1l-2 14c0 .5 .5 1 1 1h2.8l1.2 -5c.1 -.6 .4 -1 1 -1zm7.5 -5.8c1.7 1 2.5 2.8 2.5 4.8c0 2.5 -2.5 4.5 -5 4.5h-2.6l-.6 3.6a1 1 0 0 1 -1 .8l-2.7 0a0.5 .5 0 0 1 -.5 -.6l.2 -1.4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-paypal</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-pinterest" title="brand-pinterest" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-pinterest --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"20"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"11"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10.7 14c.437 1.263 1.43 2 2.55 2c2.071 0 3.75 -1.554 3.75 -4a5 5 0 1 0 -9.7 1.7"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-pinterest -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="20" x2="12" y2="11" /><path d="M10.7 14c.437 1.263 1.43 2 2.55 2c2.071 0 3.75 -1.554 3.75 -4a5 5 0 1 0 -9.7 1.7" /><circle cx="12" cy="12" r="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-pinterest</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-pocket" title="brand-pocket" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-pocket --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 4h14a2 2 0 0 1 2 2v6a9 9 0 0 1 -18 0v-6a2 2 0 0 1 2 -2"</span> <span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"8 11 12 15 16 11"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-pocket -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 4h14a2 2 0 0 1 2 2v6a9 9 0 0 1 -18 0v-6a2 2 0 0 1 2 -2" /><polyline points="8 11 12 15 16 11" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-pocket</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-producthunt" title="brand-producthunt" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-producthunt --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 16v-8h2.5a2.5 2.5 0 1 1 0 5h-2.5"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-producthunt -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 16v-8h2.5a2.5 2.5 0 1 1 0 5h-2.5" /><circle cx="12" cy="12" r="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-producthunt</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-python" title="brand-python" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-python --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 9h-7a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 15h7a2 2 0 0 0 2 -2v-4a2 2 0 0 0 -2 -2h-3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 9v-4a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v5a2 2 0 0 1 -2 2h-4a2 2 0 0 0 -2 2v5a2 2 0 0 0 2 2h4a2 2 0 0 0 2 -2v-4"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"11"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"11"</span> <span class="na">y2=</span><span class="s">"6.01"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"13"</span> <span class="na">y2=</span><span class="s">"18.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-python -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 9h-7a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h3" /><path d="M12 15h7a2 2 0 0 0 2 -2v-4a2 2 0 0 0 -2 -2h-3" /><path d="M8 9v-4a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v5a2 2 0 0 1 -2 2h-4a2 2 0 0 0 -2 2v5a2 2 0 0 0 2 2h4a2 2 0 0 0 2 -2v-4" /><line x1="11" y1="6" x2="11" y2="6.01" /><line x1="13" y1="18" x2="13" y2="18.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-python</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-reddit" title="brand-reddit" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-reddit --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 8c2.648 0 5.028 .826 6.675 2.14a2.5 2.5 0 0 1 2.326 4.36c0 3.59 -4.03 6.5 -9 6.5c-4.875 0 -8.845 -2.8 -9 -6.294l-1 -.206a2.5 2.5 0 0 1 2.326 -4.36c1.646 -1.313 4.026 -2.14 6.674 -2.14z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 8l1 -5l6 1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"19"</span> <span class="na">cy=</span><span class="s">"4"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"9"</span> <span class="na">cy=</span><span class="s">"13"</span> <span class="na">r=</span><span class="s">".5"</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"15"</span> <span class="na">cy=</span><span class="s">"13"</span> <span class="na">r=</span><span class="s">".5"</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 17c.667 .333 1.333 .5 2 .5s1.333 -.167 2 -.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-reddit -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 8c2.648 0 5.028 .826 6.675 2.14a2.5 2.5 0 0 1 2.326 4.36c0 3.59 -4.03 6.5 -9 6.5c-4.875 0 -8.845 -2.8 -9 -6.294l-1 -.206a2.5 2.5 0 0 1 2.326 -4.36c1.646 -1.313 4.026 -2.14 6.674 -2.14z" /><path d="M12 8l1 -5l6 1" /><circle cx="19" cy="4" r="1" /><circle cx="9" cy="13" r=".5" fill="currentColor" /><circle cx="15" cy="13" r=".5" fill="currentColor" /><path d="M10 17c.667 .333 1.333 .5 2 .5s1.333 -.167 2 -.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-reddit</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-safari" title="brand-safari" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-safari --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;polyline</span> <span class="na">points=</span><span class="s">"8 16 10 10 16 8 14 14 8 16"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-safari -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="8 16 10 10 16 8 14 14 8 16" /><circle cx="12" cy="12" r="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-safari</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-sass" title="brand-sass" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-sass --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 10.523c2.46 -.826 4.002 -.826 4.002 -2.155c0 -1.366 -1.347 -1.366 -2.735 -1.366c-1.91 0 -3.352 .49 -4.537 1.748c-.848 .902 -1.027 2.449 -.153 3.307c.973 .956 3.206 1.789 2.884 3.493c-.233 1.235 -1.469 1.823 -2.617 1.202c-.782 -.424 -.454 -1.746 .626 -2.512s2.822 -.992 4.1 -.24c.98 .575 1.046 1.724 .434 2.193"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-sass -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M12 10.523c2.46 -.826 4.002 -.826 4.002 -2.155c0 -1.366 -1.347 -1.366 -2.735 -1.366c-1.91 0 -3.352 .49 -4.537 1.748c-.848 .902 -1.027 2.449 -.153 3.307c.973 .956 3.206 1.789 2.884 3.493c-.233 1.235 -1.469 1.823 -2.617 1.202c-.782 -.424 -.454 -1.746 .626 -2.512s2.822 -.992 4.1 -.24c.98 .575 1.046 1.724 .434 2.193" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-sass</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-sentry" title="brand-sentry" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-sentry --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 18a1.93 1.93 0 0 0 .306 1.076a2 2 0 0 0 1.584 .924c.646 .033 -.537 0 .11 0h3a4.992 4.992 0 0 0 -3.66 -4.81c.558 -.973 1.24 -2.149 2.04 -3.531a8.997 8.997 0 0 1 5.62 8.341h4c.663 0 2.337 .005 3 0a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-1.84 3.176c4.482 2.05 7.6 6.571 7.6 11.824"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-sentry -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 18a1.93 1.93 0 0 0 .306 1.076a2 2 0 0 0 1.584 .924c.646 .033 -.537 0 .11 0h3a4.992 4.992 0 0 0 -3.66 -4.81c.558 -.973 1.24 -2.149 2.04 -3.531a8.997 8.997 0 0 1 5.62 8.341h4c.663 0 2.337 .005 3 0a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-1.84 3.176c4.482 2.05 7.6 6.571 7.6 11.824" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-sentry</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-shazam" title="brand-shazam" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-shazam --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 12l2 -2a2.828 2.828 0 0 1 4 0a2.828 2.828 0 0 1 0 4l-3 3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 12l-2 2a2.828 2.828 0 1 1 -4 -4l3 -3"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-shazam -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 12l2 -2a2.828 2.828 0 0 1 4 0a2.828 2.828 0 0 1 0 4l-3 3" /><path d="M14 12l-2 2a2.828 2.828 0 1 1 -4 -4l3 -3" /><circle cx="12" cy="12" r="9" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-shazam</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-sketch" title="brand-sketch" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-sketch --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3.262 10.878l8 8.789c.4 .44 1.091 .44 1.491 0l8 -8.79c.313 -.344 .349 -.859 .087 -1.243l-3.537 -5.194a1 1 0 0 0 -.823 -.436h-8.926a1 1 0 0 0 -.823 .436l-3.54 5.192c-.263 .385 -.227 .901 .087 1.246z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-sketch -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3.262 10.878l8 8.789c.4 .44 1.091 .44 1.491 0l8 -8.79c.313 -.344 .349 -.859 .087 -1.243l-3.537 -5.194a1 1 0 0 0 -.823 -.436h-8.926a1 1 0 0 0 -.823 .436l-3.54 5.192c-.263 .385 -.227 .901 .087 1.246z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-sketch</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-skype" title="brand-skype" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-skype --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 3a9 9 0 0 1 8.603 11.65a4.5 4.5 0 0 1 -5.953 5.953a9 9 0 0 1 -11.253 -11.253a4.5 4.5 0 0 1 5.953 -5.954a8.987 8.987 0 0 1 2.65 -.396z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 14.5c.5 2 2.358 2.5 4 2.5c2.905 0 4 -1.187 4 -2.5c0 -1.503 -1.927 -2.5 -4 -2.5s-4 -.997 -4 -2.5c0 -1.313 1.095 -2.5 4 -2.5c1.642 0 3.5 .5 4 2.5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-skype -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3a9 9 0 0 1 8.603 11.65a4.5 4.5 0 0 1 -5.953 5.953a9 9 0 0 1 -11.253 -11.253a4.5 4.5 0 0 1 5.953 -5.954a8.987 8.987 0 0 1 2.65 -.396z" /><path d="M8 14.5c.5 2 2.358 2.5 4 2.5c2.905 0 4 -1.187 4 -2.5c0 -1.503 -1.927 -2.5 -4 -2.5s-4 -.997 -4 -2.5c0 -1.313 1.095 -2.5 4 -2.5c1.642 0 3.5 .5 4 2.5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-skype</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-slack" title="brand-slack" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-slack --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12v-6a2 2 0 0 1 4 0v6m0 -2a2 2 0 1 1 2 2h-6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12h6a2 2 0 0 1 0 4h-6m2 0a2 2 0 1 1 -2 2v-6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12v6a2 2 0 0 1 -4 0v-6m0 2a2 2 0 1 1 -2 -2h6"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 12h-6a2 2 0 0 1 0 -4h6m-2 0a2 2 0 1 1 2 -2v6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-slack -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12v-6a2 2 0 0 1 4 0v6m0 -2a2 2 0 1 1 2 2h-6" /><path d="M12 12h6a2 2 0 0 1 0 4h-6m2 0a2 2 0 1 1 -2 2v-6" /><path d="M12 12v6a2 2 0 0 1 -4 0v-6m0 2a2 2 0 1 1 -2 -2h6" /><path d="M12 12h-6a2 2 0 0 1 0 -4h6m-2 0a2 2 0 1 1 2 -2v6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-slack</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-snapchat" title="brand-snapchat" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-snapchat --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16.882 7.842a4.882 4.882 0 0 0 -9.764 0c0 4.273 -.213 6.409 -4.118 8.118c2 .882 2 .882 3 3c3 0 4 2 6 2s3 -2 6 -2c1 -2.118 1 -2.118 3 -3c-3.906 -1.709 -4.118 -3.845 -4.118 -8.118zm-13.882 8.119c4 -2.118 4 -4.118 1 -7.118m17 7.118c-4 -2.118 -4 -4.118 -1 -7.118"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-snapchat -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.882 7.842a4.882 4.882 0 0 0 -9.764 0c0 4.273 -.213 6.409 -4.118 8.118c2 .882 2 .882 3 3c3 0 4 2 6 2s3 -2 6 -2c1 -2.118 1 -2.118 3 -3c-3.906 -1.709 -4.118 -3.845 -4.118 -8.118zm-13.882 8.119c4 -2.118 4 -4.118 1 -7.118m17 7.118c-4 -2.118 -4 -4.118 -1 -7.118" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-snapchat</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-soundcloud" title="brand-soundcloud" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-soundcloud --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17 11h1c1.38 0 3 1.274 3 3c0 1.657 -1.5 3 -3 3l-6 0v-10c3 0 4.5 1.5 5 4z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"9"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"9"</span> <span class="na">y2=</span><span class="s">"17"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"10"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"16"</span> <span class="na">x2=</span><span class="s">"3"</span> <span class="na">y2=</span><span class="s">"14"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-soundcloud -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 11h1c1.38 0 3 1.274 3 3c0 1.657 -1.5 3 -3 3l-6 0v-10c3 0 4.5 1.5 5 4z" /><line x1="9" y1="8" x2="9" y2="17" /><line x1="6" y1="17" x2="6" y2="10" /><line x1="3" y1="16" x2="3" y2="14" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-soundcloud</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-spotify" title="brand-spotify" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-spotify --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 11.973c2.5 -1.473 5.5 -.973 7.5 .527"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 15c1.5 -1 4 -1 5 .5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M7 9c2 -1 6 -2 10 .5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-spotify -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="9" /><path d="M8 11.973c2.5 -1.473 5.5 -.973 7.5 .527" /><path d="M9 15c1.5 -1 4 -1 5 .5" /><path d="M7 9c2 -1 6 -2 10 .5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-spotify</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-steam" title="brand-steam" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-steam --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M16.5 5a4.5 4.5 0 1 1 -.653 8.953l-4.347 3.009l0 .038a3 3 0 0 1 -2.824 2.995l-.176 .005a3.001 3.001 0 0 1 -2.94 -2.402l-2.56 -1.098v-3.5l3.51 1.755a2.989 2.989 0 0 1 2.834 -.635l2.727 -3.818a4.5 4.5 0 0 1 4.429 -5.302z"</span> <span class="nt">/&gt;&lt;circle</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="na">cx=</span><span class="s">"16.5"</span> <span class="na">cy=</span><span class="s">"9.5"</span> <span class="na">r=</span><span class="s">"1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-steam -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16.5 5a4.5 4.5 0 1 1 -.653 8.953l-4.347 3.009l0 .038a3 3 0 0 1 -2.824 2.995l-.176 .005a3.001 3.001 0 0 1 -2.94 -2.402l-2.56 -1.098v-3.5l3.51 1.755a2.989 2.989 0 0 1 2.834 -.635l2.727 -3.818a4.5 4.5 0 0 1 4.429 -5.302z" /><circle fill="currentColor" cx="16.5" cy="9.5" r="1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-steam</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-stripe" title="brand-stripe" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-stripe --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11.453 8.056c0 -.623 .518 -.979 1.442 -.979c1.69 0 3.41 .343 4.605 .923l.5 -4c-.948 -.449 -2.82 -1 -5.5 -1c-1.895 0 -3.373 .087 -4.5 1c-1.172 .956 -2 2.33 -2 4c0 3.03 1.958 4.906 5 6c1.961 .69 3 .743 3 1.5c0 .735 -.851 1.5 -2 1.5c-1.423 0 -3.963 -.609 -5.5 -1.5l-.5 4c1.321 .734 3.474 1.5 6 1.5c2.004 0 3.957 -.468 5.084 -1.36c1.263 -.979 1.916 -2.268 1.916 -4.14c0 -3.096 -1.915 -4.547 -5.003 -5.637c-1.646 -.605 -2.544 -1.07 -2.544 -1.807z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-stripe -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11.453 8.056c0 -.623 .518 -.979 1.442 -.979c1.69 0 3.41 .343 4.605 .923l.5 -4c-.948 -.449 -2.82 -1 -5.5 -1c-1.895 0 -3.373 .087 -4.5 1c-1.172 .956 -2 2.33 -2 4c0 3.03 1.958 4.906 5 6c1.961 .69 3 .743 3 1.5c0 .735 -.851 1.5 -2 1.5c-1.423 0 -3.963 -.609 -5.5 -1.5l-.5 4c1.321 .734 3.474 1.5 6 1.5c2.004 0 3.957 -.468 5.084 -1.36c1.263 -.979 1.916 -2.268 1.916 -4.14c0 -3.096 -1.915 -4.547 -5.003 -5.637c-1.646 -.605 -2.544 -1.07 -2.544 -1.807z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-stripe</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-tabler" title="brand-tabler" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-tabler --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 9l3 3l-3 3"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"13"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-tabler -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-tabler</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-tailwind" title="brand-tailwind" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-tailwind --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M11.667 6c-2.49 0 -4.044 1.222 -4.667 3.667c.933 -1.223 2.023 -1.68 3.267 -1.375c.71 .174 1.217 .68 1.778 1.24c.916 .912 2 1.968 4.288 1.968c2.49 0 4.044 -1.222 4.667 -3.667c-.933 1.223 -2.023 1.68 -3.267 1.375c-.71 -.174 -1.217 -.68 -1.778 -1.24c-.916 -.912 -1.975 -1.968 -4.288 -1.968zm-4 6.5c-2.49 0 -4.044 1.222 -4.667 3.667c.933 -1.223 2.023 -1.68 3.267 -1.375c.71 .174 1.217 .68 1.778 1.24c.916 .912 1.975 1.968 4.288 1.968c2.49 0 4.044 -1.222 4.667 -3.667c-.933 1.223 -2.023 1.68 -3.267 1.375c-.71 -.174 -1.217 -.68 -1.778 -1.24c-.916 -.912 -1.975 -1.968 -4.288 -1.968z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-tailwind -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11.667 6c-2.49 0 -4.044 1.222 -4.667 3.667c.933 -1.223 2.023 -1.68 3.267 -1.375c.71 .174 1.217 .68 1.778 1.24c.916 .912 2 1.968 4.288 1.968c2.49 0 4.044 -1.222 4.667 -3.667c-.933 1.223 -2.023 1.68 -3.267 1.375c-.71 -.174 -1.217 -.68 -1.778 -1.24c-.916 -.912 -1.975 -1.968 -4.288 -1.968zm-4 6.5c-2.49 0 -4.044 1.222 -4.667 3.667c.933 -1.223 2.023 -1.68 3.267 -1.375c.71 .174 1.217 .68 1.778 1.24c.916 .912 1.975 1.968 4.288 1.968c2.49 0 4.044 -1.222 4.667 -3.667c-.933 1.223 -2.023 1.68 -3.267 1.375c-.71 -.174 -1.217 -.68 -1.778 -1.24c-.916 -.912 -1.975 -1.968 -4.288 -1.968z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-tailwind</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-telegram" title="brand-telegram" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-telegram --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M15 10l-4 4l6 6l4 -16l-18 7l4 2l2 6l3 -4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-telegram -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l-4 4l6 6l4 -16l-18 7l4 2l2 6l3 -4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-telegram</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-tidal" title="brand-tidal" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-tidal --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 7l-2.5 2.5l2.5 2.5l2.5 -2.5z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M12 14l-2.5 2.5l2.5 2.5l2.5 -2.5z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M19 7l-2.5 2.5l2.5 2.5l2.5 -2.5z"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M5 7l-2.5 2.5l2.5 2.5l2.5 -2.5z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-tidal -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 7l-2.5 2.5l2.5 2.5l2.5 -2.5z" /><path d="M12 14l-2.5 2.5l2.5 2.5l2.5 -2.5z" /><path d="M19 7l-2.5 2.5l2.5 2.5l2.5 -2.5z" /><path d="M5 7l-2.5 2.5l2.5 2.5l2.5 -2.5z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-tidal</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-tiktok" title="brand-tiktok" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-tiktok --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 12a4 4 0 1 0 4 4v-12a5 5 0 0 0 5 5"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-tiktok -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 12a4 4 0 1 0 4 4v-12a5 5 0 0 0 5 5" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-tiktok</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-tinder" title="brand-tinder" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-tinder --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18.918 8.174c2.56 4.982 .501 11.656 -5.38 12.626c-7.702 1.687 -12.84 -7.716 -7.054 -13.229c.309 -.305 1.161 -1.095 1.516 -1.349c0 .528 .27 3.475 1 3.167c3 0 4 -4.222 3.587 -7.389c2.7 1.411 4.987 3.376 6.331 6.174z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-tinder -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18.918 8.174c2.56 4.982 .501 11.656 -5.38 12.626c-7.702 1.687 -12.84 -7.716 -7.054 -13.229c.309 -.305 1.161 -1.095 1.516 -1.349c0 .528 .27 3.475 1 3.167c3 0 4 -4.222 3.587 -7.389c2.7 1.411 4.987 3.376 6.331 6.174z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-tinder</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-tumblr" title="brand-tumblr" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-tumblr --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M14 21h4v-4h-4v-6h4v-4h-4v-4h-4v1a3 3 0 0 1 -3 3h-1v4h4v6a4 4 0 0 0 4 4"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-tumblr -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 21h4v-4h-4v-6h4v-4h-4v-4h-4v1a3 3 0 0 1 -3 3h-1v4h4v6a4 4 0 0 0 4 4" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-tumblr</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-twitch" title="brand-twitch" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-twitch --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 5v11a1 1 0 0 0 1 1h2v4l4 -4h5.584c.266 0 .52 -.105 .707 -.293l2.415 -2.414c.187 -.188 .293 -.442 .293 -.708v-8.585a1 1 0 0 0 -1 -1h-14a1 1 0 0 0 -1 1z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-twitch -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 5v11a1 1 0 0 0 1 1h2v4l4 -4h5.584c.266 0 .52 -.105 .707 -.293l2.415 -2.414c.187 -.188 .293 -.442 .293 -.708v-8.585a1 1 0 0 0 -1 -1h-14a1 1 0 0 0 -1 1z" /><line x1="16" y1="8" x2="16" y2="12" /><line x1="12" y1="8" x2="12" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-twitch</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-twitter" title="brand-twitter" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-twitter --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-twitter -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-twitter</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-unsplash" title="brand-unsplash" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-unsplash --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4 11h5v4h6v-4h5v9h-16zm5 -7h6v4h-6z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-unsplash -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 11h5v4h6v-4h5v9h-16zm5 -7h6v4h-6z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-unsplash</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-vimeo" title="brand-vimeo" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-vimeo --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 8.5l1 1s1.5 -1.102 2 -.5c.509 .609 1.863 7.65 2.5 9c.556 1.184 1.978 2.89 4 1.5c2 -1.5 7.5 -5.5 8.5 -11.5c.444 -2.661 -1 -4 -2.5 -4c-2 0 -4.047 1.202 -4.5 4c2.05 -1.254 2.551 1.003 1.5 3c-1.052 2.005 -2 3 -2.5 3c-.49 0 -.924 -1.165 -1.5 -3.5c-.59 -2.42 -.5 -6.5 -3 -6.5s-5.5 4.5 -5.5 4.5z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-vimeo -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 8.5l1 1s1.5 -1.102 2 -.5c.509 .609 1.863 7.65 2.5 9c.556 1.184 1.978 2.89 4 1.5c2 -1.5 7.5 -5.5 8.5 -11.5c.444 -2.661 -1 -4 -2.5 -4c-2 0 -4.047 1.202 -4.5 4c2.05 -1.254 2.551 1.003 1.5 3c-1.052 2.005 -2 3 -2.5 3c-.49 0 -.924 -1.165 -1.5 -3.5c-.59 -2.42 -.5 -6.5 -3 -6.5s-5.5 4.5 -5.5 4.5z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-vimeo</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-vk" title="brand-vk" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-vk --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 6h2v12c-4.5 -1 -8 -6.5 -9 -12"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 6c-1 2 -3 5 -5 6h-3"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 18c-1 -2 -3 -5 -5 -6"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-vk -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 6h2v12c-4.5 -1 -8 -6.5 -9 -12" /><path d="M20 6c-1 2 -3 5 -5 6h-3" /><path d="M20 18c-1 -2 -3 -5 -5 -6" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-vk</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-whatsapp" title="brand-whatsapp" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-whatsapp --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M3 21l1.65 -3.8a9 9 0 1 1 3.4 2.9l-5.05 .9"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M9 10a0.5 .5 0 0 0 1 0v-1a0.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a0.5 .5 0 0 0 0 -1h-1a0.5 .5 0 0 0 0 1"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-whatsapp -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 21l1.65 -3.8a9 9 0 1 1 3.4 2.9l-5.05 .9" /><path d="M9 10a0.5 .5 0 0 0 1 0v-1a0.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a0.5 .5 0 0 0 0 -1h-1a0.5 .5 0 0 0 0 1" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-whatsapp</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-windows" title="brand-windows" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-windows --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M17.8 20l-12 -1.5c-1 -.1 -1.8 -.9 -1.8 -1.9v-9.2c0 -1 .8 -1.8 1.8 -1.9l12 -1.5c1.2 -.1 2.2 .8 2.2 1.9v12.1c0 1.2 -1.1 2.1 -2.2 1.9z"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"5"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"19"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"12"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-windows -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.8 20l-12 -1.5c-1 -.1 -1.8 -.9 -1.8 -1.9v-9.2c0 -1 .8 -1.8 1.8 -1.9l12 -1.5c1.2 -.1 2.2 .8 2.2 1.9v12.1c0 1.2 -1.1 2.1 -2.2 1.9z" /><line x1="12" y1="5" x2="12" y2="19" /><line x1="4" y1="12" x2="20" y2="12" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-windows</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-yahoo" title="brand-yahoo" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-yahoo --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"3"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"7"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"14"</span> <span class="na">y2=</span><span class="s">"18"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M4.5 6l5.5 7v5"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 13l6 -5"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12.5"</span> <span class="na">y1=</span><span class="s">"8"</span> <span class="na">x2=</span><span class="s">"17.5"</span> <span class="na">y2=</span><span class="s">"8"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"11"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"15"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"20"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"20"</span> <span class="na">y2=</span><span class="s">"18.01"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-yahoo -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="6" x2="8" y2="6" /><line x1="7" y1="18" x2="14" y2="18" /><path d="M4.5 6l5.5 7v5" /><path d="M10 13l6 -5" /><line x1="12.5" y1="8" x2="17.5" y2="8" /><line x1="20" y1="11" x2="20" y2="15" /><line x1="20" y1="18" x2="20" y2="18.01" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-yahoo</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-ycombinator" title="brand-ycombinator" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-ycombinator --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"4"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"16"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M8 7.002l4 5.998l4 -6"</span> <span class="nt">/&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"13"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-ycombinator -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><path d="M8 7.002l4 5.998l4 -6" /><line x1="12" y1="17" x2="12" y2="13" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-ycombinator</div>
|
|
</a>
|
|
<a href="#" class="demo-icons-list-item" data-toggle-icon="brand-youtube" title="brand-youtube" data-icon-svg="<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="c">&lt;!-- Download SVG icon from http://tabler-icons.io/i/brand-youtube --&gt;</span>
|
|
<span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">"icon"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M0 0h24v24H0z"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">/&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"3"</span> <span class="na">y=</span><span class="s">"5"</span> <span class="na">width=</span><span class="s">"18"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"4"</span> <span class="nt">/&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M10 9l5 3l-5 3z"</span> <span class="nt">/&gt;&lt;/svg&gt;</span></code></pre></figure>">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/brand-youtube -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="4" /><path d="M10 9l5 3l-5 3z" /></svg>
|
|
<div class="mt-1 text-muted text-h5">brand-youtube</div>
|
|
</a>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
var getClosest = function (elem, selector) {
|
|
for (; elem && elem !== document; elem = elem.parentNode) {
|
|
if (elem.matches(selector)) return elem
|
|
}
|
|
return null
|
|
};
|
|
|
|
(function () {
|
|
const elements = document.querySelectorAll('[data-toggle-icon]')
|
|
|
|
if (elements.length) {
|
|
elements.forEach(function (element) {
|
|
element.addEventListener('click', function (e) {
|
|
var icon = this.dataset.toggleIcon,
|
|
svg = this.querySelector('svg').outerHTML,
|
|
iconCode = this.dataset.iconSvg,
|
|
editor = getClosest(this, '[data-icon-preview]')
|
|
|
|
editor.querySelector('[data-icon-preview-icon]').innerHTML = svg
|
|
editor.querySelector('[data-icon-preview-title]').innerText = icon
|
|
editor.querySelector('[data-icon-preview-code]').innerHTML = iconCode.trim()
|
|
|
|
e.preventDefault()
|
|
return false
|
|
})
|
|
})
|
|
}
|
|
})()
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<footer class="footer footer-transparent d-print-none">
|
|
<div class="container">
|
|
<div class="row text-center align-items-center flex-row-reverse">
|
|
<div class="col-lg-auto ms-lg-auto">
|
|
<ul class="list-inline list-inline-dots mb-0">
|
|
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
|
|
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
|
|
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
|
|
<li class="list-inline-item">
|
|
<a href="https://github.com/sponsors/codecalm" target="_blank" class="link-secondary" rel="noopener">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/heart -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink icon-filled icon-inline" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
|
Sponsor
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
|
<ul class="list-inline list-inline-dots mb-0">
|
|
<li class="list-inline-item">
|
|
Copyright © 2021
|
|
<a href="." class="link-secondary">Tabler</a>.
|
|
All rights reserved.
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta4</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
<!-- Libs JS -->
|
|
<!-- Tabler Core -->
|
|
<script src="./dist/js/tabler.min.js"></script>
|
|
</body>
|
|
</html> |