ICONYZ
Português (Brasil)
Ícone Pen New Round Outline de Solar

Ícone Pen New Round Outline

solar:pen-new-round-outline

O ícone Pen New Round Outline (solar:pen-new-round-outline) é um ícone SVG gratuito da coleção Solar de 480 Design. Ele é desenhado em uma grade de 24 × 24. Solar 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
Solar
Autor
480 Design
Licença
CC-BY-4.0
Tamanho
24 × 24
Categoria
Mensagens
Tags
pennew, newround, roundoutline, pennewroundoutline
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C12.4142 1.25 12.75 1.58579 12.75 2C12.75 2.41421 12.4142 2.75 12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 11.5858 21.5858 11.25 22 11.25C22.4142 11.25 22.75 11.5858 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12ZM16.7705 2.27591C18.1384 0.908028 20.3562 0.908028 21.7241 2.27591C23.092 3.6438 23.092 5.86158 21.7241 7.22947L15.076 13.8776C14.7047 14.2489 14.4721 14.4815 14.2126 14.684C13.9069 14.9224 13.5761 15.1268 13.2261 15.2936C12.929 15.4352 12.6169 15.5392 12.1188 15.7052L9.21426 16.6734C8.67801 16.8521 8.0868 16.7126 7.68711 16.3129C7.28742 15.9132 7.14785 15.322 7.3266 14.7857L8.29477 11.8812C8.46079 11.3831 8.56479 11.071 8.7064 10.7739C8.87319 10.4239 9.07761 10.0931 9.31605 9.78742C9.51849 9.52787 9.7511 9.29529 10.1224 8.924L16.7705 2.27591ZM20.6634 3.33657C19.8813 2.55448 18.6133 2.55448 17.8312 3.33657L17.4546 3.7132C17.4773 3.80906 17.509 3.92327 17.5532 4.05066C17.6965 4.46372 17.9677 5.00771 18.48 5.51999C18.9923 6.03227 19.5363 6.30346 19.9493 6.44677C20.0767 6.49097 20.1909 6.52273 20.2868 6.54543L20.6634 6.16881C21.4455 5.38671 21.4455 4.11867 20.6634 3.33657ZM19.1051 7.72709C18.5892 7.50519 17.9882 7.14946 17.4193 6.58065C16.8505 6.01185 16.4948 5.41082 16.2729 4.89486L11.2175 9.95026C10.801 10.3668 10.6376 10.532 10.4988 10.7099C10.3274 10.9297 10.1804 11.1676 10.0605 11.4192C9.96337 11.623 9.88868 11.8429 9.7024 12.4017L9.27051 13.6974L10.3026 14.7295L11.5983 14.2976C12.1571 14.1113 12.377 14.0366 12.5808 13.9395C12.8324 13.8196 13.0703 13.6726 13.2901 13.5012C13.468 13.3624 13.6332 13.199 14.0497 12.7825L19.1051 7.72709Z" clip-rule="evenodd"/></svg>

Como usar o ícone Pen New Round Outline

React

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

<Icon icon="solar:pen-new-round-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:pen-new-round-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:pen-new-round-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--pen-new-round-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:pen-new-round-outline"></div>

Web component

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

<iconify-icon icon="solar:pen-new-round-outline"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/solar/pen-new-round-outline.svg" alt="Ícone Pen New Round Outline" width="24" height="24">

Ícones relacionados em Solar

Ícone pen-2-bold
pen-2-bold
 Ícone pen-2-bold-duotone
pen-2-bold-duotone
 Ícone pen-2-broken
pen-2-broken
 Ícone pen-2-line-duotone
pen-2-line-duotone
 Ícone pen-2-linear
pen-2-linear
 Ícone pen-2-outline
pen-2-outline
 Ícone pen-bold
pen-bold
 Ícone pen-bold-duotone
pen-bold-duotone
 Ícone pen-broken
pen-broken
 Ícone pen-line-duotone
pen-line-duotone
 Ícone pen-linear
pen-linear
 Ícone pen-new-round-bold
pen-new-round-bold
 Ícone pen-new-round-bold-duotone
pen-new-round-bold-duotone
 Ícone pen-new-round-broken
pen-new-round-broken
 Ícone pen-new-round-line-duotone
pen-new-round-line-duotone
 Ícone pen-new-round-linear
pen-new-round-linear
 Ícone pen-new-square-bold
pen-new-square-bold
 Ícone pen-new-square-bold-duotone
pen-new-square-bold-duotone
 Ícone pen-new-square-broken
pen-new-square-broken
 Ícone pen-new-square-line-duotone
pen-new-square-line-duotone
 Ícone pen-new-square-linear
pen-new-square-linear
 Ícone pen-new-square-outline
pen-new-square-outline
 Ícone pen-outline
pen-outline

Perguntas frequentes sobre Ícone Pen New Round Outline

O ícone Pen New Round Outline é grátis para uso comercial?

Sim. Solar 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 Pen New Round Outline no React?

Instale @iconify/react e renderize <Icon icon="solar:pen-new-round-outline" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Pen New Round Outline a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/pen-new-round-outline.svg" alt="Ícone Pen New Round Outline">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Solar →