Wrench

import { Illustration } from '@ba-icons/react';
import wrench from '@ba-icons/illustrations/engineering/wrench';

<Illustration asset={wrench} size={160} />

<script setup>
import { Illustration } from '@ba-icons/vue';
import wrench from '@ba-icons/illustrations/engineering/wrench';
</script>

<template>
  <Illustration :asset="wrench" :size="160" />
</template>

---
import { Illustration } from '@ba-icons/astro';
import wrench from '@ba-icons/illustrations/engineering/wrench';
---

<Illustration asset={wrench} size={160} />

<script src="https://icons.atmosphere.africa/cdn/ba-icons-0.3.0.js" defer></script>

<ba-illustration name="engineering/wrench" size="160"></ba-illustration>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 416.8 1008.8" fill="currentColor"><path d="M106.4 677.4 107.4 368.4 63.4 329.4 19.4 290.4V203.4V117.4L41.4 68.4L64.4 19.4H111.4H159.4V94.4V169.4H208.4H257.4V94.4L258.4 19.4H305.4H353.4L375.4 68.4L397.4 116.4V203.4V290.4L353.4 328.4L310.4 366.4V437.4Q310.4 557.4 309.9 772.4Q309.4 987.4 308.4 988.4Q308.4 989.4 207.9 989.4Q107.4 989.4 106.9 987.9Q106.4 986.4 106.4 677.4ZM276.4 950.4Q277.4 944.4 277.4 648.4V352.4L320.4 314.4L364.4 276.4V235.4Q365.4 195.4 365.4 160.4V125.4L349.4 89.4L333.4 53.4L311.4 52.4H290.4V112.4Q290.4 178.4 286.4 186.4Q282.4 195.4 271.4 200.4L266.4 202.4L211.4 203.4Q167.4 203.4 157.9 202.9Q148.4 202.4 142.4 198.4Q133.4 193.4 129.4 182.4Q127.4 177.4 127.4 114.4V52.4H106.4H84.4L68.4 88.4L52.4 124.4V199.4V275.4L95.4 314.4L139.4 353.4V654.4V955.4H207.4H276.4Z"></path></svg>