Design Tools icon
Design Pencil icon
A free, open source design pencil icon on a 24×24 grid with a 1.5px stroke. Download it as SVG or use it from the Iconoir packages for React, Vue, Flutter and CSS.
Use the design pencil icon in your project
React
npm i iconoir-react
import { DesignPencil } from 'iconoir-react';
<DesignPencil />Also in React Native: import { DesignPencil } from 'iconoir-react-native'.
Vue
npm i @iconoir/vue
<script setup>
import { DesignPencil } from '@iconoir/vue';
</script>
<template>
<DesignPencil />
</template>CSS
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@main/css/iconoir.css" />
<i class="iconoir-design-pencil"></i>Flutter
flutter pub add iconoir_flutter
import 'package:iconoir_flutter/iconoir_flutter.dart';
const DesignPencil()