Иконка Tinkercad

simple-icons:tinkercad

Иконка Tinkercad (simple-icons:tinkercad) — бесплатная SVG-иконка из набора Simple Icons от Simple Icons Collaborators. Она нарисована на сетке 24 × 24. Simple Icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Simple Icons
Автор: Simple Icons Collaborators
Лицензия: CC0-1.0
Размер: 24 × 24

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/simple-icons/tinkercad.svg" alt="Иконка Tinkercad" width="24" height="24">

Иконка Tinkercad в других наборах

Вопросы и ответы: Иконка Tinkercad

Можно ли бесплатно использовать иконку Tinkercad в коммерческих проектах?

Да. Simple Icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Tinkercad в React?

Установите @iconify/react и выведите <Icon icon="simple-icons:tinkercad" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Tinkercad на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/simple-icons/tinkercad.svg" alt="Иконка Tinkercad">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Simple Icons →