ICONYZ
Português (Brasil)
Ícone Content Write de Freehand color icons

Ícone Content Write

streamline-freehand-color:content-write

O ícone Content Write (streamline-freehand-color:content-write) é um ícone SVG gratuito da coleção Freehand color icons de Streamline. Ele é desenhado em uma grade de 24 × 24. Freehand color 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
Freehand color icons
Autor
Streamline
Licença
CC-BY-4.0
Tamanho
24 × 24
Categoria
Conteúdo
Tags
contentwrite
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#020202" d="M23.531 16.46a8.8 8.8 0 0 0-.843-2.007a7.65 7.65 0 0 0-2.158-2.33q.214-.461.381-.943a4.9 4.9 0 0 0 .271-2.068a2.16 2.16 0 0 0-1.004-1.606a1.646 1.646 0 0 0-2.007.19a6.4 6.4 0 0 0-1.406 1.768q-.493.979-.873 2.007a4.9 4.9 0 0 0-1.677.532q-.42.223-.773.542c-.233.226-.44.478-.612.753l-.281.623c-.17.743.08 1.134.512 1.295c.39.13.814.13 1.205 0c0 0-1.145 2.349-1.155 2.45a8.4 8.4 0 0 0-.321 1.374q-.066.503 0 1.004q.047.287.14.563c.059.141.16.26.292.34a.9.9 0 0 0 .652.091a2.6 2.6 0 0 0 .803-.371l.582-.552l.553-.703q.158-.034.3-.11q.316-.202.583-.462q.393-.395.693-.864q.25-.416.441-.863q.094.051.201.07q.33.09.673.09h.401a3 3 0 0 0-.1.473q-.03.24 0 .481q.047.238.14.462c.164.356.412.666.723.904a.31.31 0 0 0 .452 0a.32.32 0 0 0 0-.452a2 2 0 0 1-.17-.422c0-.15 0-.3-.061-.462c-.06-.16 0-.3-.07-.461c-.14-.723-.15-.904-.191-1.004a.281.281 0 0 0-.395-.303a.27.27 0 0 0-.127.122q-.225.015-.452 0a2.1 2.1 0 0 1-.602-.18a2.4 2.4 0 0 1-.954-1.004c-.14-.261-.2-.553.14-.743l.342-.16c.283-.076.58-.076.863 0q.479.132.904.39a.31.31 0 0 0 .442-.09a.32.32 0 0 0-.08-.442a6 6 0 0 0-.593-.401a.34.34 0 0 0 .22-.15q.302-.533.603-1.115a9.3 9.3 0 0 1 1.526 2.229q.452.905.793 1.857q.538 1.48.904 3.011a.33.33 0 0 0 .381.261a.323.323 0 0 0 .251-.381a20.6 20.6 0 0 0-.462-3.232m-10.038-2.007a.23.23 0 0 1-.1-.07l.3-.532q.307-.442.703-.804q.263-.256.552-.482q.278-.199.582-.35a1 1 0 0 1-.07.15l-.893 2.007a8 8 0 0 1-1.034.121zm.34 5.491c0-.08-.2-.833-.22-1.154c-.02-.322 0-.532 0-.793q.443.448.944.833q.216.16.451.29s-1.024.824-1.134.864zm5.241-6.455a.31.31 0 0 0 0 .311a2 2 0 0 0-.321-.14a2.3 2.3 0 0 0-1.004-.09l-.632.19a1.346 1.346 0 0 0-.804 1.757a2.38 2.38 0 0 0 .924 1.215c-.12.17-.22.351-.351.512q-.356.455-.824.793c-.08.06-.401.27-.35.27a4 4 0 0 1-.854-.27c-.332-.171-.643-.362-1.004-.542q.33-.663.602-1.175c.603-1.134 1.064-1.887 1.877-3.453c.442-.894.834-1.908 1.336-2.831a5.7 5.7 0 0 1 1.134-1.546a.64.64 0 0 1 .803-.1a1.17 1.17 0 0 1 .612.833a4.2 4.2 0 0 1-.13 1.726c-.01.231-.823 2.128-1.014 2.54"/><path fill="#020202" d="M16.062 20.827a25 25 0 0 1-3.875 1.787a4.8 4.8 0 0 1-2.62.231a2.3 2.3 0 0 1-1.004-.693A9.7 9.7 0 0 1 7.4 20.427c-.542-.924-1.004-1.857-1.476-2.811c-.692-1.446-1.305-2.911-1.947-4.397a29 29 0 0 1-.894-2.279C2.641 9.785 2.27 8.6 1.868 7.416c-.08-.231-.543-1.004-.763-1.456q.508-.03 1.004-.15a40 40 0 0 0 5.019-1.657a40 40 0 0 0 5.36-2.48q.247-.155.442-.371q.401.584.703 1.225c.512 1.144 1.094 3.011 1.667 4.497c.17.412.34.793.501 1.114a.32.32 0 0 0 .594-.035a.33.33 0 0 0-.011-.246a10 10 0 0 1-.462-1.084c-.552-1.476-1.084-3.393-1.586-4.557A6.5 6.5 0 0 0 13.05.409a.48.48 0 0 0-.482 0c-.261.17-.08.29-.623.612a48 48 0 0 1-6.404 2.66a31 31 0 0 1-3.905 1.145c-1.084.16-.874-.12-1.305.09A.62.62 0 0 0 0 5.488c.21.784.492 1.547.844 2.279c.401 1.235.773 2.38 1.164 3.544c.291.783.592 1.566.944 2.349c.682 1.475 1.325 2.941 2.008 4.377a27 27 0 0 0 1.606 2.84c.372.66.816 1.277 1.325 1.838c.377.413.865.709 1.405.853a5.4 5.4 0 0 0 3.012-.311a29 29 0 0 0 3.925-1.928a.28.28 0 0 0 .11-.381a.28.28 0 0 0-.28-.12"/><path fill="#0c6fff" d="M7.67 7.787a10.5 10.5 0 0 1 1.586-.14a9 9 0 0 0 1.787-.211A3.65 3.65 0 0 0 13.14 6.15a.32.32 0 0 0 0-.452a.31.31 0 0 0-.452 0c-.36.356-.806.612-1.295.743a7 7 0 0 1-1.837.12a9.7 9.7 0 0 0-2.068.181a4.3 4.3 0 0 0-1.465.703a6.1 6.1 0 0 0-1.436 1.616a.291.291 0 0 0 .432.351a5.7 5.7 0 0 1 1.244-1.074a3.5 3.5 0 0 1 1.406-.552m6.185 2.22a.32.32 0 0 0 0-.452a.31.31 0 0 0-.452 0a3.65 3.65 0 0 1-1.345.552c-.753.17-1.546.19-2.349.301q-.686.131-1.325.412q-.43.195-.813.472a5.1 5.1 0 0 0-1.546 1.626a.29.29 0 0 0 .184.437a.28.28 0 0 0 .298-.126c.335-.403.74-.743 1.194-1.004q.52-.289 1.084-.472a7.4 7.4 0 0 1 1.145-.32c.803-.192 1.616-.292 2.38-.553a4.15 4.15 0 0 0 1.545-.873m-3.915 4.858a3.3 3.3 0 0 0-.593.241q-.278.137-.522.332q-.556.475-1.003 1.054a.29.29 0 0 0 0 .401a.28.28 0 0 0 .401 0q.649-.383 1.335-.692c.211-.1.412-.221.623-.332c.21-.11.411-.24.632-.341q.326-.145.673-.231a.32.32 0 0 0 .29-.351a.31.31 0 0 0-.35-.291a4.3 4.3 0 0 0-1.486.21"/></g></svg>

Como usar o ícone Content Write

React

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

<Icon icon="streamline-freehand-color:content-write" width="24" />

Vue

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

<template>
  <Icon icon="streamline-freehand-color:content-write" width="24" />
</template>

Svelte

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

<Icon icon="streamline-freehand-color:content-write" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--content-write]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:content-write"></div>

Web component

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

<iconify-icon icon="streamline-freehand-color:content-write"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/content-write.svg" alt="Ícone Content Write" width="24" height="24">

Ícones relacionados em Freehand color icons

Ícone content-browser-edit
content-browser-edit
 Ícone content-brush-pen
content-brush-pen
 Ícone content-paper-edit
content-paper-edit
 Ícone content-typewriter
content-typewriter

O ícone Content Write em outras coleções

Ícone Content Write de Freehand free icons
Freehand free icons
 Ícone Content Write de Streamline Block
Streamline Block

Perguntas frequentes sobre Ícone Content Write

O ícone Content Write é grátis para uso comercial?

Sim. Freehand color 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 Content Write no React?

Instale @iconify/react e renderize <Icon icon="streamline-freehand-color:content-write" />, ou use “Copiar código” nesta página para obter um componente React independente.

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

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/content-write.svg" alt="Ícone Content Write">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Freehand color icons →