Turbopack icon

logos:turbopack

The Turbopack icon (logos:turbopack) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 79 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 79

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="79" viewBox="0 0 512 79"><defs><linearGradient id="SVGGSBU6cxE" x1="50%" x2="49.855%" y1="7.896%" y2="93.343%"><stop offset="0%" stop-color="#0096ff"/><stop offset="100%" stop-color="#ff1e56"/></linearGradient></defs><path d="M136.88 30.763v-9.151h-44.1v9.15h16.648v30.43h10.805v-30.43zm24.918 31.035c13.56 0 21.003-6.89 21.003-18.246v-21.94h-10.805v20.893c0 6.339-3.307 9.922-10.198 9.922c-6.89 0-10.198-3.583-10.198-9.922V21.612h-10.805v21.94c0 11.356 7.442 18.246 21.003 18.246m37.542-13.726h10.75l8.489 13.12h12.404l-9.593-14.277c5.403-1.93 8.71-6.23 8.71-12.073c0-8.49-6.339-13.23-15.986-13.23h-25.579v39.58h10.805zm0-8.544v-8.875h14.222c3.804 0 5.899 1.653 5.899 4.465c0 2.646-2.095 4.41-5.899 4.41zm35.787 21.664h28.28c8.82 0 13.891-4.19 13.891-11.19c0-4.686-2.976-7.883-6.504-9.317c2.425-1.157 5.402-3.914 5.402-8.268c0-7.001-4.961-10.805-13.726-10.805h-27.343zm10.364-24.09v-6.725h15.877c2.976 0 4.63 1.158 4.63 3.362c0 2.206-1.654 3.363-4.63 3.363zm0 8.104h16.868c2.922 0 4.52 1.433 4.52 3.583s-1.598 3.583-4.52 3.583h-16.868zm58.224-24.256c-13.836 0-23.814 8.655-23.814 20.452s9.978 20.452 23.814 20.452s23.76-8.655 23.76-20.452s-9.923-20.452-23.76-20.452m0 9.372c7.277 0 12.735 4.3 12.735 11.08s-5.458 11.08-12.735 11.08s-12.733-4.3-12.733-11.08s5.457-11.08 12.733-11.08m137.35-9.372c11.025 0 18.687 4.962 21.72 12.955l-9.868 4.41c-1.544-4.63-5.568-7.993-11.852-7.993c-7.056 0-12.624 4.3-12.624 11.08s5.568 11.08 12.624 11.08c6.284 0 10.308-3.362 11.852-7.993l9.867 4.41c-3.032 7.993-10.694 12.955-21.719 12.955c-13.782 0-23.65-8.655-23.65-20.452s9.868-20.452 23.65-20.452m-83.632.662c9.647 0 15.986 4.63 15.986 13.506c0 8.82-6.339 13.45-15.986 13.45h-14.387v12.624H332.24v-39.58zm42.851 0l19.404 39.58h-11.852l-3.582-7.442H383.47l-3.583 7.442h-11.466l19.46-39.58zm-6.339 10.584l-6.229 12.9h12.403zm-37.118-1.543h-13.781v8.93h13.781c3.859 0 5.954-1.71 5.954-4.465c0-2.812-2.095-4.465-5.954-4.465m120.664-9.041h-10.804v39.58h10.804v-9.867l7.056-6.34l13.727 16.207H512l-19.68-23.153l18.302-16.427h-14.718L477.49 38.315z"/><path fill="url(#SVGGSBU6cxE)" d="m34.393 0l-21.99 12.566l.043 9.875l21.947-12.54l25.795 14.742l8.598 4.914V19.65zm-3.87 66.499L8.599 53.97V24.664l-.008-.004l-.048-9.888L0 19.652v39.307l21.947 12.54zM60.189 53.97V29.1l8.598 4.914v24.944L34.393 78.613l-8.568-4.897l8.568-4.995v-.013z"/><path d="M12.467 29.118v22.605l21.926 12.532V41.646zm21.926-14.759L14.415 25.773l21.93 12.532l19.974-11.418z"/></svg>

How to use the Turbopack icon

React

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

<Icon icon="logos:turbopack" width="24" />

Vue

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

<template>
  <Icon icon="logos:turbopack" width="24" />
</template>

Svelte

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

<Icon icon="logos:turbopack" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--turbopack]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="logos:turbopack"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/turbopack.svg" alt="Turbopack icon" width="24" height="24">

Related icons in SVG Logos

Turbopack icon FAQ

Is the Turbopack icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Turbopack icon in React?

Install @iconify/react and render <Icon icon="logos:turbopack" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Turbopack icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/turbopack.svg" alt="Turbopack icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →