1. Icon Monks
  2. Editor icons
  3. Pencil X

Pencil X icon

A free pencil x icon from the Editor set, useful for pencil x, remove, cancel, edit. It comes in six weights and is free for personal and commercial use under the MIT license.

Pencil X icon, thin weight
Thin
SVG
Pencil X icon, light weight
Light
SVG
Pencil X icon, regular weight
Regular
SVG
Pencil X icon, bold weight
Bold
SVG
Pencil X icon, fill weight
Fill
SVG
Pencil X icon, duotone weight
Duotone
SVG

Open in the icon browserCustomize size and color, then download PNG, WebP or PDF.

Use the pencil x icon in your code

React

import { PencilX } from '@icon-monks/react';

<PencilX size={24} />

Vue

<script setup>
import { PencilX } from '@icon-monks/vue';
</script>

<PencilX :size="24" />

Web component

<icon-monks name="pencil-x" size="24"></icon-monks>

Icon font

<i class="im im-pencil-x"></i>

Flutter

Icon(IconMonks.pencilX)

SwiftUI

Image(iconMonks: .pencilX)

Compose

Icon(IconMonks.Regular.PencilX, contentDescription = null)

Need setup steps? See the getting started guide or the page for React, Flutter, SwiftUI or Jetpack Compose.

Tags

Related editor icons

See all 277 editor icons