Ícone Tinkercad

simple-icons:tinkercad

O ícone Tinkercad (simple-icons:tinkercad) é um ícone SVG gratuito da coleção Simple Icons de Simple Icons Collaborators. Ele é desenhado em uma grade de 24 × 24. Simple Icons são publicados sob a licença CC0 1.0, 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 Icons
Autor: Simple Icons Collaborators
Licença: CC0-1.0
Tamanho: 24 × 24

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" d="M0 0v7.32h7.32V0zm8.34 0v7.32h7.32V0zm8.34 0v7.32H24V0zM1.605 1.266h4.106V2.33h-1.4v3.725H3.055V2.33h-1.45V1.265zm9.77 0h1.256V6.05h-1.256zm6.814 0h1.692l1.455 3.289v-3.29h1.158v4.79H20.82l-1.47-3.26V6.05h-1.16V1.266zM0 8.34v7.32h7.32V8.34zm8.34 0v7.32h7.32V8.34zm8.34 0v7.32H24V8.34zm-6.32 1.265h3.19v.965h-1.935v.92H13.5v.92h-1.885v1.065h2.03v.916h-3.286zm8.16 0h1.906c1.075 0 1.719.495 1.719 1.315c0 .535-.284.935-.8 1.135c.22.14.35.37.485.705l.645 1.625h-1.35l-.006.006l-.433-1.221c-.2-.535-.287-.664-.702-.664h-.254v1.885h-1.21zM1.596 9.61h1.26v1.756L4.3 9.61h1.51l-2.022 2.25l2.182 2.536H4.39l-1.541-1.94v1.94H1.596zm18.134.916v1.065h.334c.375 0 .827-.095.827-.57c0-.36-.226-.495-.801-.495zM0 16.68V24h7.32v-7.32zm8.34 0V24h7.32v-7.32zm8.34 0V24H24v-7.32zm-12.42 1.2c.375 0 .815.066 1.17.17l.09.024l-.055 1.022l-.16-.067a2.4 2.4 0 0 0-.89-.174c-.876 0-1.466.555-1.466 1.485s.54 1.484 1.446 1.484q.526 0 .925-.18l-.006-.003l.16-.07l.055.993l-.08.032c-.33.13-.753.199-1.193.199c-.765 0-1.411-.22-1.871-.635c-.475-.43-.73-1.06-.73-1.82c0-1.425 1.095-2.46 2.605-2.46m6.996.07h1.484l1.824 4.784H13.26l-.4-1.16H11.1l-.41 1.16H9.435l1.82-4.785zm6.965 0h1.718c1.625 0 2.522.825 2.522 2.325v.004c0 1.535-.992 2.455-2.647 2.455h-1.593zm1.26.915v2.95h.195c.975 0 1.488-.55 1.488-1.54c0-.895-.49-1.41-1.375-1.41h-.309zm-7.5.19l-.596 1.6h1.17z"/></svg>

Como usar o ícone Tinkercad

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="simple-icons:tinkercad"></iconify-icon>

Imagem HTML

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

O ícone Tinkercad em outras coleções

Perguntas frequentes sobre Ícone Tinkercad

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

Sim. Simple Icons são publicados sob a licença CC0 1.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Tinkercad no React?

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

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

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

Ver todos os Simple Icons →