Tabler Icons
Become a Sponsor
Login
Assign to…
⌘A
Create new file
Create new project
⌘⇧N
Documentation
Changelog
Settings
⌘,
No results found
Information
Setting are available for logged in users. Please register.
Send Suggestion/Feeback
Please fill up the form below and press send.
Name
Email
Message
Save this icon to your favorites
48x48 pixels
32x32 pixels
24x24 pixels

container

element
store
inside
HTML
block
<svg
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <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" />
  <path d="M8 4m0 1a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-6a1 1 0 0 1 -1 -1z" />
  <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>
npm install @tabler/icons-react
import { IconBadge4k } from '@tabler/icons-react'
<IconBadge4k stroke={} />
npm install @tabler/icons-vue
import { IconBadge4k } from '@tabler/icons-vue'
<IconBadge4k stroke={} />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css" />
<i class="ti ti-container></i>
Settings
Make changes to your personal settings.
Show Tooltips for Icons Show Sidebar Show Titles + Subtitles (Tabler Icons)