Pencil

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

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

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

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

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

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

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

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 290.8 1008.7" fill="currentColor"><path d="M69.4 895.3 19.4 803.3V504.3V206.3H145.4H270.4L271.4 504.3V801.3L220.4 895.3L170.4 989.3H145.4Q121.4 989.3 119.9 988.3Q118.4 987.3 69.4 895.3ZM144.4 816.3H75.4L109.4 878.3L110.4 879.3V881.3L111.4 882.3L112.4 883.3V884.3L113.4 885.3V886.3L114.4 887.3V888.3L115.4 889.3L116.4 890.3V891.3L117.4 892.3V893.3L118.4 894.3L119.4 896.3L145.4 943.3Q146.4 942.3 180.4 879.3Q214.4 816.3 213.9 815.8Q213.4 815.3 144.4 816.3ZM224.4 511.3V239.3H144.4H64.4V511.3V782.3H144.4H224.4ZM224.4 126.3V69.3L216.4 66.3Q196.4 59.3 176.4 55.3Q143.4 49.3 111.4 55.3Q88.4 59.3 71.4 67.3L64.4 69.3V126.3V183.3H42.4H19.4V117.3V51.3L29.4 46.3Q123.4 2.3 217.4 30.3Q242.4 37.3 263.4 48.3L271.4 51.3V117.3L270.4 183.3L248.4 184.3Q226.4 184.3 225.4 183.8Q224.4 183.3 224.4 126.3Z"></path></svg>