Ícone Pencil
twemoji:pencil
O ícone Pencil (twemoji:pencil) é um ícone SVG gratuito da coleção Twitter Emoji de Twitter. Ele é desenhado em uma grade de 36 × 36. Twitter Emoji icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Twitter Emoji
- Autor
- Twitter
- Licença
- CC-BY-4.0
- Tamanho
- 36 × 36
- Categoria
- Objetos
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#d99e82" d="M35.222 33.598c-.647-2.101-1.705-6.059-2.325-7.566c-.501-1.216-.969-2.438-1.544-3.014s-1.553-.53-2.143.058c0 0-2.469 1.675-3.354 2.783c-1.108.882-2.785 3.357-2.785 3.357c-.59.59-.635 1.567-.06 2.143c.576.575 1.798 1.043 3.015 1.544c1.506.62 5.465 1.676 7.566 2.325c.359.11 1.74-1.271 1.63-1.63"/><path fill="#ea596e" d="M13.643 5.308a2.946 2.946 0 0 1 0 4.167l-4.167 4.168a2.95 2.95 0 0 1-4.167 0L1.141 9.475a2.95 2.95 0 0 1 0-4.167l4.167-4.167a2.946 2.946 0 0 1 4.167 0z"/><path fill="#ffcc4d" d="m31.353 23.018l-4.17 4.17l-4.163 4.165L7.392 15.726l8.335-8.334z"/><path fill="#292f33" d="M32.078 34.763s2.709 1.489 3.441.757s-.765-3.435-.765-3.435s-2.566.048-2.676 2.678"/><path fill="#ccd6dd" d="m2.183 10.517l8.335-8.335l5.208 5.209l-8.334 8.335z"/><path fill="#99aab5" d="m3.225 11.558l8.334-8.334l1.042 1.042L4.267 12.6zm2.083 2.086l8.335-8.335l1.042 1.042l-8.335 8.334z"/></svg>
Como usar o ícone Pencil
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:pencil" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:pencil" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:pencil" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--pencil]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:pencil"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:pencil"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/twemoji/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. Twitter Emoji icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Pencil no React?
Instale @iconify/react e renderize <Icon icon="twemoji: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/twemoji/pencil.svg" alt="Ícone Pencil">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Twitter Emoji →
ICONYZ
