Ícone Pencil

simple-line-icons:pencil

O ícone Pencil (simple-line-icons:pencil) é um ícone SVG gratuito da coleção Simple line icons de Sabbir Ahmed. Ele é desenhado em uma grade de 1024 × 1024. Simple line icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Simple line icons
Autor: Sabbir Ahmed
Licença: MIT
Tamanho: 1024 × 1024

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M964.256 49.664C929.392 16.256 890.933-.672 849.877-.672c-64.192 0-111.024 41.472-123.841 54.176c-18.032 17.856-633.152 633.2-633.152 633.2a33 33 0 0 0-8.447 14.592C70.565 752.559 1.077 980.016.387 982.304c-3.567 11.648-.384 24.337 8.208 32.928a32.34 32.34 0 0 0 22.831 9.44c3.312 0 6.655-.496 9.919-1.569c2.352-.767 237.136-76.655 275.775-88.19a32.74 32.74 0 0 0 13.536-8.033c24.416-24.128 598.128-591.456 636.208-630.784c39.392-40.592 58.96-82.864 58.208-125.616c-.784-42.208-21.248-82.848-60.816-120.816M715.845 155.84c16.304 3.952 54.753 16.862 94.017 56.479c39.68 40.032 50.416 85.792 52.416 96.208c-125.824 125.168-415.456 411.728-529.632 524.672c-10.544-24.56-27.584-54.144-54.993-81.76c-33.471-33.728-67.536-52.783-93.808-63.503c112.992-113.008 408.08-408.224 532-532.096M140.39 741.95c17.584 4.672 54.111 18.224 91.344 55.76c28.672 28.912 42.208 60.8 48.288 80.24c-44.48 14.304-141.872 47.92-203.76 67.872c18.336-60.336 49.311-154.304 64.128-203.872m780.031-491.584a1749 1749 0 0 1-6.065 6.16c-10.113-26.049-27.857-59.52-58.577-90.496c-31.391-31.648-63.231-50.32-88.75-61.36c2.175-2.16 3.855-3.857 4.511-4.496c3.664-3.617 36.897-35.376 78.32-35.376c23.84 0 47.248 10.88 69.617 32.32c26.511 25.424 40.175 50.512 40.624 74.592c.431 24.576-12.913 51.04-39.68 78.656"/></svg>

Como usar o ícone Pencil

React

import { Icon } from "@iconify/react";

<Icon icon="simple-line-icons:pencil" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="simple-line-icons:pencil" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="simple-line-icons:pencil" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--pencil]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:pencil"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="simple-line-icons:pencil"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/simple-line-icons/pencil.svg" alt="Ícone Pencil" width="24" height="24">

O ícone Pencil em outras coleções

Perguntas frequentes sobre Ícone Pencil

O ícone Pencil é grátis para uso comercial?

Sim. Simple line icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Pencil no React?

Instale @iconify/react e renderize <Icon icon="simple-line-icons:pencil" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Pencil a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/simple-line-icons/pencil.svg" alt="Ícone Pencil">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Simple line icons →