Ícone Design Process Drawing Board Education
streamline-freehand:design-process-drawing-board-education
O ícone Design Process Drawing Board Education (streamline-freehand:design-process-drawing-board-education) é um ícone SVG gratuito da coleção Freehand free icons de Streamline. Ele é desenhado em uma grade de 24 × 24. Freehand free 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 free icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- Design
- Tags
- designprocess, processdrawing, drawingboard, boardeducation, designprocessdrawingboardeducation
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M3.3 14.824a.34.34 0 1 0 0 .679c4.83.07 13.31-1.058 15.136-.1c.06 0 .16.2.259.25c-.678.927-3.053.618-4.28.728c-2.075.2-4.18.07-6.266.17c-2.644.109-4.829.747-6.984.358c-.748-.14-.528-.997.18-1.117c0 0 1.217-.31 1.227-.35a.34.34 0 0 0-.38-.408c-.239 0-.857.12-.997.14c-1.397.259-1.706 2.095-.19 2.434c.719.15 1.452.22 2.186.21c0 .1-.998 3.172-1.238 4.499c-.319 1.776 2.165 2.085 2.834.519q.411-1.078.698-2.195q.404.06.808 0c1.522.192 3.058.245 4.59.16c2.993-.16 2.245 0 2.993-.08s.19-.669 1.257 2.095c.659 1.556 3.143 1.257 2.824-.529c-.2-.938-1.178-4.49-1.387-4.859a5.8 5.8 0 0 0 1.606-.24c.938-.289 1.946-1.207 1.537-2.045c-1.038-2.344-10.137-.409-16.413-.319m.51 7.573c-.16.369-.75.439-.7.1c.58-3.542.69-4.33.799-4.7c.529 0 1.058-.06 1.576-.11a30.4 30.4 0 0 1-1.676 4.71m9.976-2.395c-2.524-.22-.748-.489-8.091 0c.18-.748.35-1.526.499-2.344c2.993-.26 4.759.06 7.622-.09c.16.848.33 1.656.529 2.434a1.1 1.1 0 0 1-.539-.03zm3.153 2.494c0 .34-.539.26-.698-.1a31.4 31.4 0 0 1-1.726-4.898h1.536c-.03.07-.03-.998.908 4.998zM1.634 14.645a.293.293 0 1 0 .579-.1a22 22 0 0 1 .08-3.422a23 23 0 0 1 .18-3.931c.239-.998.1-.808 2.214-1.118a34 34 0 0 1 5.438-.568a.34.34 0 1 0 0-.679h-.4a.32.32 0 0 0 .16-.28a4.6 4.6 0 0 0-.1-1.536C9.137.766 6.982 1.884 7.301 4.837c-.608 0-4.05.25-4.64.41c-1.426.378-1.186 1.196-1.296 1.685c-.196 1.39-.196 2.8 0 4.19q.003 1.772.27 3.523M8.718 3.01c.599 1.926.549 1.786.638 1.846H8.12a3.85 3.85 0 0 1 .599-1.846"/><path d="M18.186 11.183a.3.3 0 0 0-.599 0a2.65 2.65 0 0 0 0 2.554c.24.558.749.2.709 0c-.02-1.527.29-1.008-.11-2.554m5.657-8.341c-.3-.49-.788-.669-2.115-1.357C18.306.178 18.136.018 17.887.228a.33.33 0 0 0 0 .469q1.71.901 3.522 1.576c.08.06 1.466 1.068 1.546 1.088s-3.522 1.696-3.711 1.775a2 2 0 0 1-.998.38c-.09 0-4.889-1.697-5.308-1.996c.37-.19-1.357.888 3.712-2.325a.3.3 0 0 0-.28-.528l-3.053 1.536c-.868.4-1.995.938-1.347 1.686a26 26 0 0 0-.11 4.23a1.546 1.546 0 0 0-.648 2.605c.798.878 2.435.818 2.764-.4a1.707 1.707 0 0 0-1.247-2.175a14 14 0 0 0 .12-3.571c.538.299 1.506.658 3.72 1.536c.47.16 1.298.778 1.916.569a32 32 0 0 0 5.278-2.734a.89.89 0 0 0 .08-1.107M12.938 8.998c.27.329.16 1.376-.3 1.396c-.458.02-.997-.788-.887-1.207c.21-.738 1.117-.27 1.187-.19"/><path d="M21.758 5.845c-.469 0-.34.499-.449.998c-.11.498-.698.488-1.357.788c-.658.299-1.337.768-1.935.997a15.6 15.6 0 0 1-2.894-.997c-.14-.699 0-1.078-.409-1.078a.3.3 0 0 0-.3.3v.997c.005.12.055.235.14.32c.52.528 2.994 1.825 3.632 1.656a8.3 8.3 0 0 0 2.215-1.237a4.8 4.8 0 0 0 1.377-.908c.33-.42.26-.799.27-1.337a.33.33 0 0 0-.29-.5"/></g></svg>
Como usar o ícone Design Process Drawing Board Education
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:design-process-drawing-board-education" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:design-process-drawing-board-education" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:design-process-drawing-board-education" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--design-process-drawing-board-education]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:design-process-drawing-board-education"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:design-process-drawing-board-education"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand/design-process-drawing-board-education.svg" alt="Ícone Design Process Drawing Board Education" width="24" height="24">
Ícones relacionados em Freehand free icons
O ícone Design Process Drawing Board Education em outras coleções
Perguntas frequentes sobre Ícone Design Process Drawing Board Education
O ícone Design Process Drawing Board Education é grátis para uso comercial?
Sim. Freehand free 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 Design Process Drawing Board Education no React?
Instale @iconify/react e renderize <Icon icon="streamline-freehand:design-process-drawing-board-education" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Design Process Drawing Board Education a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-freehand/design-process-drawing-board-education.svg" alt="Ícone Design Process Drawing Board Education">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Freehand free icons →
ICONYZ
