Prong icon
Download the Prong icon as free SVG or PNG. Customize its outline stroke. Copy React, Vue or Svelte code.
- fork
- tine
- hook
- tool
- connector
- branch
- split
Size
Stroke
Color
- Category
- general
- Styles
- Outline
- Component
- IconProng
- License
- MIT · Paweł Kuna
- Files
-
outline/prong.svg
Code
Copy it the way you use it
prong.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.2 10.2l6.3 6.3" />
<path d="M19.347 16.575l1.08 1.079a1.96 1.96 0 0 1 -2.773 2.772l-1.08 -1.079a1.96 1.96 0 0 1 2.773 -2.772" />
<path d="M3 7l3.05 3.15a2.9 2.9 0 0 0 4.1 -4.1l-3.15 -3.05" />
</svg>Use the Prong 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 { IconProng } from '@tabler/icons-react';
<IconProng size={24} stroke={2} />Vue example
import { IconProng } from '@tabler/icons-vue';
<IconProng :size="24" :stroke="2" />Svelte 5 example
import { IconProng } from '@tabler/icons-svelte-runes';
<IconProng size={24} stroke={2} />Related