Tabler Icons

https://tablericons.com/icon/
Admin
Tabler Icons is a comprehensive collection of customizable SVG icons with adjustable size, color,...
Tokens:90,138
Snippets:164
Trust Score:9.1
Update:1 year ago
Show doc for...
Tokens:
Raw
### Use album-off Icon in Vue

Source: https://tablericons.com/icon/album-off

Shows how to import and utilize the 'album-off' icon component in a Vue.js project. Ensure the Tabler Icons Vue package is installed.

```vue
<template>
  <IconAlbumOff :size="32" :strokeWidth="1" :color="'#000000'" />
</template>

<script>
import { IconAlbumOff } from 'vue-tabler-icons';

export default {
  components: {
    IconAlbumOff
  }
};
</script>
```

--------------------------------

### Use album-off Icon in React

Source: https://tablericons.com/icon/album-off

Demonstrates how to import and use the 'album-off' icon component within a React application. Requires installation of the Tabler Icons React package.

```jsx
import { IconAlbumOff } from 'tabler-icons-react';

function MyComponent() {
  return <IconAlbumOff size={32} strokeWidth={1} color="#000000" />; 
}
```

--------------------------------

### Use alarm-plus icon in Vue

Source: https://tablericons.com/icon/alarm-plus

Shows how to integrate the alarm-plus icon into a Vue.js project. This example requires the Tabler Icons Vue component library.

```vue
<template>
  <IconAlarmPlus :size="32" :stroke="1" color="#000000" />
</template>

<script>
import { IconAlarmPlus } from 'vue-tabler-icons';

export default {
  components: {
    IconAlarmPlus
  }
};
</script>
```

--------------------------------

### Use alarm-plus icon in React

Source: https://tablericons.com/icon/alarm-plus

Demonstrates how to use the alarm-plus icon within a React application. This snippet assumes the Tabler Icons React package is installed.

```jsx
import { IconAlarmPlus } from 'tabler-icons-react';

function App() {
  return (
    <IconAlarmPlus
      size={32}
      stroke={1}
      color="#000000"
    />
  );
}
```

--------------------------------

### React Component: adjustments-alt Icon

Source: https://tablericons.com/icon/adjustments-alt

Example of how to use the 'adjustments-alt' icon within a React application. This snippet demonstrates importing and rendering the icon component, allowing for easy integration into UI elements.

```jsx
import { IconAdjustmentsAlt } from '@tabler/icons-react';

function App() {
  return (
    <div>
      <IconAdjustmentsAlt />
      {/* You can also pass props like size, color, etc. */}
      <IconAdjustmentsAlt size={48} color="blue" />
    </div>
  );
}
```

--------------------------------

### Get antenna-bars-1 Icon SVG

Source: https://tablericons.com/icon/antenna-bars-1

Provides the SVG code for the antenna-bars-1 icon. This icon is commonly used to represent wireless signals or Wi-Fi quality. It requires no external dependencies to render.

```SVG
<!--
tags: [signal, wireless, wi-fi, quality]
category: Devices
version: "1.19"
unicode: "ecc7"
-->
<svg
  xmlns="http://www.w3.org/2000/svg"
  width="32"
  height="32"
  viewBox="0 0 24 24"
  fill="none"
  stroke="#000000"
  stroke-width="1"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M6 18l0 .01" />
  <path d="M10 18l0 .01" />
  <path d="M14 18l0 .01" />
  <path d="M18 18l0 .01" />
</svg>
```

--------------------------------

### Get accessible-off Icon in SVG

Source: https://tablericons.com/icon/accessible-off

Provides the SVG code for the 'accessible-off' icon. This is the base vector graphic that can be used directly or converted for other frameworks.

```SVG
<!--
tags: [low-vision, blind, disability, handicapped]
version: "1.62"
unicode: "f0a7"
-->
<svg
  xmlns="http://www.w3.org/2000/svg"
  width="32"
  height="32"
  viewBox="0 0 24 24"
  fill="none"
  stroke="#000000"
  stroke-width="1"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M10 16.5l2 -3l2 3m-2 -3v-1.5m2.627 -1.376l.373 -.124m-6 0l2.231 .744" />
  <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="M12 8a.5 .5 0 1 0 -.5 -.5" />
  <path d="M3 3l18 18"
</svg>
```

--------------------------------

### Display Adjustments Up Icon SVG

Source: https://tablericons.com/icon/adjustments-up

This snippet displays the SVG code for the 'adjustments-up' icon. It includes metadata like category, version, and unicode, along with the SVG path data for rendering the icon.

```svg
<!--
category: System
version: "2.10"
unicode: "f80c"
-->
<svg
  xmlns="http://www.w3.org/2000/svg"
  width="32"
  height="32"
  viewBox="0 0 24 24"
  fill="none"
  stroke="#000000"
  stroke-width="1"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M4 10a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" />
  <path d="M6 4v4" />
  <path d="M6 12v8" />
  <path d="M13.927 15.462a2 2 0 1 0 -1.927 2.538" />
  <path d="M12 4v10" />
  <path d="M12 18v2" />
  <path d="M16 7a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" />
  <path d="M18 4v1" />
  <path d="M18 9v3" />
  <path d="M19 22v-6" />
  <path d="M22 19l-3 -3l-3 3" />
</svg>
```

--------------------------------

### Backhoe Icon for React and Vue

Source: https://tablericons.com/icon/backhoe

Code snippets for integrating the Backhoe icon into React and Vue.js applications. These components simplify icon management within modern JavaScript frameworks.

```react
import React from 'react';

const BackhoeIcon = (props) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="32"
    height="32"
    viewBox="0 0 24 24"
    fill="none"
    stroke="#000000"
    stroke-width="1"
    stroke-linecap="round"
    stroke-linejoin="round"
    {...props}
  >
    <path d="M4 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" />
    <path d="M13 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" />
    <path d="M13 19l-9 0" />
    <path d="M4 15l9 0" />
    <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>
);

export default BackhoeIcon;
```

```vue
<template>
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="32"
    height="32"
    viewBox="0 0 24 24"
    fill="none"
    stroke="#000000"
    stroke-width="1"
    stroke-linecap="round"
    stroke-linejoin="round"
    v-bind="$attrs"
  >
    <path d="M4 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" />
    <path d="M13 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" />
    <path d="M13 19l-9 0" />
    <path d="M4 15l9 0" />
    <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>
</template>

<script>
export default {
  name: 'BackhoeIcon',
};
</script>
```

--------------------------------

### Aerial Lift Icon React/Vue Integration

Source: https://tablericons.com/icon/aerial-lift

Demonstrates how to use the Aerial Lift icon within React and Vue applications. This allows for easy programmatic control over the icon's appearance and behavior.

```react
// Example for React (assuming a component named IconAerialLift is available)
// import IconAerialLift from 'tabler-icons-react/dist/icons/IconAerialLift';
// <IconAerialLift size={32} strokeWidth={1} color="#000000" />
```

```vue
// Example for Vue (assuming a component named IconAerialLift is available)
// import IconAerialLift from 'vue-tabler-icons/icons/IconAerialLift.vue';
// <IconAerialLift :size="32" :stroke-width="1" :color="'#000000'" />
```

--------------------------------

### Display a-b.svg Icon in Vue

Source: https://tablericons.com/icon/a-b

This snippet demonstrates how to import and utilize the a-b.svg icon in a Vue.js project. It requires the Tabler Icons Vue package to be installed.

```vue
<template>
  <IconAB :size="32" :strokeWidth="1" :color="'#000000'" />
</template>

<script>
import { IconAB } from 'vue-tabler-icons';

export default {
  components: {
    IconAB
  }
};
</script>
```

--------------------------------

### SVG Code for adjustments-search Icon

Source: https://tablericons.com/icon/adjustments-search

This snippet provides the raw SVG code for the 'adjustments-search' icon. It includes metadata such as category, version, and unicode, along with the SVG path data for rendering the icon.

```svg
<!--
category: System
version: "2.10"
unicode: "f809"
-->
<svg
  xmlns="http://www.w3.org/2000/svg"
  width="32"
  height="32"
  viewBox="0 0 24 24"
  fill="none"
  stroke="#000000"
  stroke-width="1"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M4 10a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" />
  <path d="M6 4v4" />
  <path d="M6 12v8" />
  <path d="M12 14a2 2 0 0 0 -1.042 3.707" />
  <path d="M12 4v10" />
  <path d="M16 7a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" />
  <path d="M18 4v1" />
  <path d="M18 9v2" />
  <path d="M18 18m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" />
  <path d="M20.2 20.2l1.8 1.8" />
</svg>
```

--------------------------------

### Display a-b.svg Icon in React

Source: https://tablericons.com/icon/a-b

This snippet shows how to import and use the a-b.svg icon within a React application. It assumes you have the necessary Tabler Icons React package installed.

```jsx
import { IconAB } from 'tabler-icons-react';

function App() {
  return (
    <IconAB
      size={32}
      strokeWidth={1}
      color="#000000"
    />
  );
}
```

--------------------------------

### SVG Code for Affiliate Icon

Source: https://tablericons.com/icon/affiliate

This is the raw SVG code for the affiliate icon. It includes metadata like tags, version, and unicode. The icon represents network, connection, collaboration, people, organization, and networking concepts.

```svg
<!--
tags: [network, connection, collaboration, people, connect, organization, networking]
version: "1.39"
unicode: "edff"
-->
<svg
  xmlns="http://www.w3.org/2000/svg"
  width="32"
  height="32"
  viewBox="0 0 24 24"
  fill="none"
  stroke="#000000"
  stroke-width="1"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M5.931 6.936l1.275 4.249m5.607 5.609l4.251 1.275" />
  <path d="M11.683 12.317l5.759 -5.759" />
  <path d="M5.5 5.5m-1.5 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 -3 0" />
  <path d="M18.5 5.5m-1.5 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 -3 0" />
  <path d="M18.5 18.5m-1.5 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 -3 0" />
  <path d="M8.5 15.5m-4.5 0a4.5 4.5 0 1 0 9 0a4.5 4.5 0 1 0 -9 0" />
</svg>
```

--------------------------------

### Get align-box-top-center Icon SVG

Source: https://tablericons.com/icon/align-box-top-center

This snippet provides the SVG code for the align-box-top-center icon. It is designed for general use and can be directly embedded in HTML or used with various frameworks.

```svg
<!--
tags: [text, type, up, north]
category: Text
unicode: "f539"
version: "1.104"
-->
<svg
  xmlns="http://www.w3.org/2000/svg"
  width="32"
  height="32"
  viewBox="0 0 24 24"
  fill="none"
  stroke="#000000"
  stroke-width="1"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M3 3m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z" />
  <path d="M9 9v-2" />
  <path d="M12 13v-6" />
  <path d="M15 11v-4" />
</svg>
```

--------------------------------

### SVG Icon: adjustments-spark

Source: https://tablericons.com/icon/adjustments-spark

The SVG code for the 'adjustments-spark' icon, suitable for direct use in web projects. It includes metadata like tags, category, unicode, and version.

```svg
<!--
tags: [equalizer, sliders, controls, settings, filter]
category: System
unicode: "ffbe"
version: "3.13"
-->
<svg
  xmlns="http://www.w3.org/2000/svg"
  width="32"
  height="32"
  viewBox="0 0 24 24"
  fill="none"
  stroke="#000000"
  stroke-width="1"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M4 10a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" />
  <path d="M6 4v4" />
  <path d="M6 12v8" />
  <path d="M13.879 15.312a2 2 0 1 0 -2.26 2.652" />
  <path d="M12 4v10" />
  <path d="M16 7a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" />
  <path d="M18 4v1" />
  <path d="M18 9v2.5" />
  <path d="M19 22.5a4.75 4.75 0 0 1 3.5 -3.5a4.75 4.75 0 0 1 -3.5 -3.5a4.75 4.75 0 0 1 -3.5 3.5a4.75 4.75 0 0 1 3.5 3.5" />
</svg>
```

--------------------------------

### Get align-right-2 SVG Icon

Source: https://tablericons.com/icon/align-right-2

This snippet provides the SVG code for the align-right-2 icon, commonly used for text alignment and positioning. It includes attributes for size, color, and stroke properties.

```SVG
<!--
tags: [text, alignment, position]
category: Text
unicode: "feff"
version: "3.6"
-->
<svg
  xmlns="http://www.w3.org/2000/svg"
  width="32"
  height="32"
  viewBox="0 0 24 24"
  fill="none"
  stroke="#000000"
  stroke-width="1"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M20 4v16" />
  <path d="M4 6h12" />
  <path d="M10 12h6" />
  <path d="M6 18h10" />
</svg>
```

--------------------------------

### SVG Code for adjustments-dollar Icon

Source: https://tablericons.com/icon/adjustments-dollar

This snippet contains the raw SVG code for the 'adjustments-dollar' icon. It includes metadata like category, version, and unicode, along with the SVG path data for rendering the icon. This code can be directly embedded in web pages or used in design tools.

```SVG
<!--
category: System
version: "2.10"
unicode: "f800"
-->
<svg
  xmlns="http://www.w3.org/2000/svg"
  width="32"
  height="32"
  viewBox="0 0 24 24"
  fill="none"
  stroke="#000000"
  stroke-width="1"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M4 10a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" />
  <path d="M6 4v4" />
  <path d="M6 12v8" />
  <path d="M13.366 14.54a2 2 0 1 0 -.216 3.097" />
  <path d="M12 4v10" />
  <path d="M12 18v2" />
  <path d="M16 7a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" />
  <path d="M18 4v1" />
  <path d="M18 9v1" />
  <path d="M21 15h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3h-2.5" />
  <path d="M19 21v1m0 -8v1" />
</svg>
```

--------------------------------

### Get Address Book Icon SVG

Source: https://tablericons.com/icon/address-book

Provides the SVG code for the address-book icon. This is the base vector graphic that can be used directly or converted for different frameworks. It includes metadata like version and unicode.

```svg
<!--
tags: [contact, contacts, phonebook, profile, resources]
version: "1.55"
unicode: "f021"
-->
<svg
  xmlns="http://www.w3.org/2000/svg"
  width="32"
  height="32"
  viewBox="0 0 24 24"
  fill="none"
  stroke="#000000"
  stroke-width="1"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M20 6v12a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2z" />
  <path d="M10 16h6" />
  <path d="M13 11m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" />
  <path d="M4 8h3" />
  <path d="M4 12h3" />
  <path d="M4 16h3" />
</svg>
```

--------------------------------

### SVG Icon: adjustments-x

Source: https://tablericons.com/icon/adjustments-x

Provides the Scalable Vector Graphics (SVG) code for the 'adjustments-x' icon. This format is widely supported for web graphics and can be scaled without loss of quality.

```SVG
<!--
category: System
version: "2.10"
unicode: "f80d"
-->
<svg
  xmlns="http://www.w3.org/2000/svg"
  width="32"
  height="32"
  viewBox="0 0 24 24"
  fill="none"
  stroke="#000000"
  stroke-width="1"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M4 10a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" />
  <path d="M6 4v4" />
  <path d="M6 12v8" />
  <path d="M13.653 14.874a2 2 0 1 0 -.586 2.818" />
  <path d="M12 4v10" />
  <path d="M12 18v2" />
  <path d="M16 7a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" />
  <path d="M18 4v1" />
  <path d="M18 9v4" />
  <path d="M22 22l-5 -5" />
  <path d="M17 22l5 -5" />
</svg>
```

--------------------------------

### Get antenna-bars-off Icon as SVG

Source: https://tablericons.com/icon/antenna-bars-off

Provides the SVG code for the antenna-bars-off icon. This is a standard vector graphic format suitable for web and application use. It includes metadata like tags, version, unicode, and category.

```svg
<!--
tags: [signal, wireless, wi-fi, quality]
version: "1.62"
unicode: "f0aa"
category: Devices
-->
<svg
  xmlns="http://www.w3.org/2000/svg"
  width="32"
  height="32"
  viewBox="0 0 24 24"
  fill="none"
  stroke="#000000"
  stroke-width="1"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M6 18v-3" />
  <path d="M10 18v-6" />
  <path d="M14 18v-4" />
  <path d="M14 10v-1" />
  <path d="M18 14v-8" />
  <path d="M3 3l18 18" />
</svg>
```

--------------------------------

### Display address-book-off SVG Icon

Source: https://tablericons.com/icon/address-book-off

This snippet provides the SVG code for the 'address-book-off' icon. It is designed for direct use in web projects or for conversion into other formats like PNG. The SVG includes attributes for size, color, and stroke properties.

```svg
<!--
tags: [contact, contacts, phonebook, profile, resources]
unicode: "f3b8"
version: "1.94"
-->
<svg
  xmlns="http://www.w3.org/2000/svg"
  width="32"
  height="32"
  viewBox="0 0 24 24"
  fill="none"
  stroke="#000000"
  stroke-width="1"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M8 4h10a2 2 0 0 1 2 2v10m-.57 3.399c-.363 .37 -.87 .601 -1.43 .601h-10a2 2 0 0 1 -2 -2v-12" />
  <path d="M10 16h6" />
  <path d="M11 11a2 2 0 0 0 2 2m2 -2a2 2 0 0 0 -2 -2" />
  <path d="M4 8h3" />
  <path d="M4 12h3" />
  <path d="M4 16h3" />
  <path d="M3 3l18 18" />
</svg>
```

--------------------------------

### Get align-box-bottom-left Icon SVG

Source: https://tablericons.com/icon/align-box-bottom-left

This snippet provides the SVG code for the 'align-box-bottom-left' icon. It includes metadata like tags, category, unicode, and version. The SVG is designed for a 32x32 viewbox with black stroke.

```svg
<!--
tags: [text, type, west, corner]
category: Text
unicode: "f531"
version: "1.104"
-->
<svg
  xmlns="http://www.w3.org/2000/svg"
  width="32"
  height="32"
  viewBox="0 0 24 24"
  fill="none"
  stroke="#000000"
  stroke-width="1"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M3 3m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z" />
  <path d="M7 15v2" />
  <path d="M10 11v6" />
  <path d="M13 13v4" />
</svg>
```

--------------------------------

### Get AI Icon SVG Code

Source: https://tablericons.com/icon/ai

This snippet provides the SVG code for the AI icon. It includes attributes for size, stroke width, and path data. The icon is suitable for use in web projects.

```svg
<!--
tags: [artificial intelligence, letters, text, technology, robot, automatic, character]
unicode: "fee7"
version: "3.4"
-->
<svg
  xmlns="http://www.w3.org/2000/svg"
  width="32"
  height="32"
  viewBox="0 0 24 24"
  fill="none"
  stroke="#000000"
  stroke-width="1"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M8 16v-6a2 2 0 1 1 4 0v6" />
  <path d="M8 13h4" />
  <path d="M16 8v8" />
</svg>
```

--------------------------------

### alert-circle.svg Icon SVG Code

Source: https://tablericons.com/icon/alert-circle

Provides the SVG code for the alert-circle icon. This icon is commonly used for system warnings, danger, caution, or risk indicators. It includes metadata such as tags, version, unicode, and category.

```SVG
<!--
tags: [warning, danger, caution, risk]
version: "1.0"
unicode: "ea05"
category: System
-->
<svg
  xmlns="http://www.w3.org/2000/svg"
  width="32"
  height="32"
  viewBox="0 0 24 24"
  fill="none"
  stroke="#000000"
  stroke-width="1"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" />
  <path d="M12 8v4" />
  <path d="M12 16h.01" />
</svg>
```

--------------------------------

### Get adjustments-pause Icon SVG Code

Source: https://tablericons.com/icon/adjustments-pause

This snippet provides the raw SVG code for the 'adjustments-pause' icon. It includes metadata like category, version, and unicode. The SVG is designed for a 32x32px canvas with a stroke width of 1.

```SVG
<!--
category: System
version: "2.10"
unicode: "f805"
-->
<svg
  xmlns="http://www.w3.org/2000/svg"
  width="32"
  height="32"
  viewBox="0 0 24 24"
  fill="none"
  stroke="#000000"
  stroke-width="1"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M4 10a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" />
  <path d="M6 4v4" />
  <path d="M6 12v8" />
  <path d="M13.627 14.836a2 2 0 1 0 -.62 2.892" />
  <path d="M12 4v10" />
  <path d="M12 18v2" />
  <path d="M16 7a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" />
  <path d="M18 4v1" />
  <path d="M17 17v5" />
  <path d="M21 17v5" />
  <path d="M18 9v4.5" />
</svg>
```

--------------------------------

### SVG Code for alert-octagon Icon

Source: https://tablericons.com/icon/alert-octagon

Provides the raw SVG code for the alert-octagon icon. This code can be directly embedded in web pages or used with SVG manipulation libraries. It includes metadata like tags, version, unicode, and category.

```svg
<!--
tags: [warning, danger, caution, risk]
version: "1.19"
unicode: "ecc6"
category: System
-->
<svg
  xmlns="http://www.w3.org/2000/svg"
  width="32"
  height="32"
  viewBox="0 0 24 24"
  fill="none"
  stroke="#000000"
  stroke-width="1"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12.802 2.165l5.575 2.389c.48 .206 .863 .589 1.07 1.07l2.388 5.574c.22 .512 .22 1.092 0 1.604l-2.389 5.575c-.206 .48 -.589 .863 -1.07 1.07l-5.574 2.388c-.512 .22 -1.092 .22 -1.604 0l-5.575 -2.388a2.036 2.036 0 0 1 -1.07 -1.07l-2.388 -5.574a2.036 2.036 0 0 1 0 -1.604l2.389 -5.575c.206 -.48 .589 -.863 1.07 -1.07l5.574 -2.388a2.036 2.036 0 0 1 1.604 0z" />
  <path d="M12 8v4" />
  <path d="M12 16h.01" />
</svg>
```

--------------------------------

### SVG Code for adjustments-question Icon

Source: https://tablericons.com/icon/adjustments-question

This is the raw SVG code for the 'adjustments-question' icon. It defines the vector paths and attributes for rendering the icon. It is compatible with standard SVG renderers and can be integrated into web projects.

```svg
<!--
category: System
version: "2.10"
unicode: "f808"
-->
<svg
  xmlns="http://www.w3.org/2000/svg"
  width="32"
  height="32"
  viewBox="0 0 24 24"
  fill="none"
  stroke="#000000"
  stroke-width="1"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M4 10a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" />
  <path d="M6 4v4" />
  <path d="M6 12v8" />
  <path d="M13.577 14.77a2 2 0 1 0 .117 2.295" />
  <path d="M12 4v10" />
  <path d="M19 22v.01" />
  <path d="M19 19a2.003 2.003 0 0 0 .914 -3.782a1.98 1.98 0 0 0 -2.414 .483" />
  <path d="M12 18v2" />
  <path d="M16 7a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" />
  <path d="M18 4v1" />
  <path d="M18 9v2" />
</svg>
```
Tokens:
Raw