Blob Dashed icon
Download the Blob Dashed icon as free SVG or PNG. Customize its outline stroke. Copy React, Vue or Svelte code.
- shape
- organic
- fluid
- amorphous
- dotted
- placeholder
- irregular-shape
- blob
- dashed
Size
Stroke
Color
- Category
- ui
- Styles
- Outline
- Component
- IconBlobDashed
- License
- MIT · Paweł Kuna
- Files
-
outline/blob-dashed.svg
Code
Copy it the way you use it
blob-dashed.svg
<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="M10.899 20.992q .498 .008 1 .008" />
<path d="M15.989 20.781q .506 -.079 .979 -.201" />
<path d="M20.249 18.312q .247 -.421 .412 -.909" />
<path d="M20.856 13.346q -.08 -.492 -.201 -.98" />
<path d="M19.07 8.603a13 13 0 0 0 -.559 -.829" />
<path d="M15.526 5.004a8 8 0 0 0 -.892 -.451" />
<path d="M10.621 4.149a7 7 0 0 0 -.958 .284" />
<path d="M6.329 6.756q -.34 .367 -.647 .762" />
<path d="M3.727 11.103q -.17 .472 -.301 .953" />
<path d="M3.057 16.115q .06 .519 .188 .982" />
<path d="M5.79 20.138l.107 .05q .446 .2 .94 .339" />
</svg>Use the Blob Dashed icon
For a decorative icon beside text, add aria-hidden="true" to the SVG. For an icon-only control, put its accessible name on the button or link.
React example
import { IconBlobDashed } from '@tabler/icons-react';
<IconBlobDashed size={24} stroke={2} />Vue example
import { IconBlobDashed } from '@tabler/icons-vue';
<IconBlobDashed :size="24" :stroke="2" />Svelte 5 example
import { IconBlobDashed } from '@tabler/icons-svelte-runes';
<IconBlobDashed size={24} stroke={2} />Related