Fastlane icon

material-icon-theme:fastlane

The Fastlane icon (material-icon-theme:fastlane) is a free SVG icon from the Material Icon Theme set by Material Extensions. It is drawn on a 300 × 300 grid. Material Icon Theme icons are released under the MIT 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: Material Icon Theme
Author: Material Extensions
License: MIT
Size: 300 × 300

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" viewBox="0 0 300 300"><path fill="#2979ff" d="M242.745 89.48c-11.223 0-21.398 4.463-28.867 11.7l-47.366-33.917c.295-1.238.469-2.524.469-3.854c0-9.167-7.432-16.6-16.6-16.6s-16.601 7.433-16.601 16.6c0 9.169 7.433 16.6 16.6 16.6c3.21 0 6.197-.927 8.738-2.504L217.1 119.7c4.52-9.428 14.49-16.77 25.645-16.77c15.492 0 28.051 12.558 28.051 28.05c0 12.38-8.02 22.887-19.148 26.608l3.806 12.91c16.703-5.368 28.79-21.03 28.79-39.518c0-22.92-18.579-41.5-41.5-41.5"/><path fill="#e64a19" d="M109.689 49.166c-3.389 10.669-2.22 21.69 2.405 30.977l-46.546 34.784a16.6 16.6 0 0 0-3.523-1.609c-8.716-2.768-18.026 2.053-20.794 10.768s2.053 18.026 10.767 20.794c8.716 2.769 18.026-2.052 20.795-10.767a16.46 16.46 0 0 0 .257-9.062l57.623-42.379c-7.598-7.144-11.567-18.84-8.2-29.444c4.68-14.727 20.411-22.874 35.139-18.195c11.768 3.738 19.334 14.535 19.513 26.238l13.421.28c-.059-17.5-11.299-33.721-28.873-39.304c-21.788-6.921-45.063 5.13-51.984 26.92"/><path fill="#00bcd4" d="M32.81 161.347a41.37 41.37 0 0 0 30.043 7.612l18.362 54.878a16.3 16.3 0 0 0-2.621 2.8c-5.338 7.316-3.686 17.611 3.692 22.994c7.377 5.383 17.685 3.815 23.023-3.501c5.34-7.316 3.687-17.61-3.69-22.994a16.53 16.53 0 0 0-8.489-3.13l-22.086-67.718c-9.128 4.87-21.425 4.875-30.402-1.674c-12.465-9.097-15.258-26.492-6.237-38.855c7.21-9.88 19.78-13.556 30.9-9.993l4.456-12.536c-16.566-5.525-35.414-.121-46.179 14.631c-13.346 18.291-9.214 44.029 9.229 57.486"/><path fill="#8bc34a" d="M245.283 225.838c-3.42-10.583-10.75-18.811-19.884-23.64l17.72-55.05a16.6 16.6 0 0 0 3.796-.739c8.69-2.808 13.47-12.093 10.679-20.737c-2.793-8.646-12.102-13.378-20.793-10.57c-8.69 2.806-13.472 12.09-10.679 20.736a16.3 16.3 0 0 0 5.036 7.472l-22.334 67.6c10.315 1.374 20.312 8.527 23.71 19.046c4.72 14.61-3.36 30.298-18.044 35.042c-11.735 3.791-24.138-.554-31.055-9.908l-11.078 7.543c10.176 14.106 28.706 20.71 46.23 15.048c21.726-7.019 33.678-30.23 26.696-51.843"/><path fill="#a0f" d="M116.724 270.244c9.003-6.587 14.547-16.139 16.291-26.33l57.906-.59a16.5 16.5 0 0 0 1.887 3.366c5.382 7.355 15.706 8.955 23.061 3.574s8.955-15.705 3.575-23.06c-5.382-7.356-15.706-8.956-23.061-3.575a16.4 16.4 0 0 0-5.54 7.137l-71.283.182c1.908 10.217-1.78 21.958-10.73 28.506c-12.428 9.093-29.875 6.39-38.968-6.039c-7.266-9.932-6.999-23.068-.257-32.585l-10.631-8.123c-10.249 14.11-10.752 33.77.098 48.601c13.453 18.389 39.265 22.389 57.652 8.936"/></svg>

How to use the Fastlane icon

React

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

<Icon icon="material-icon-theme:fastlane" width="24" />

Vue

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

<template>
  <Icon icon="material-icon-theme:fastlane" width="24" />
</template>

Svelte

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

<Icon icon="material-icon-theme:fastlane" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--fastlane]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:fastlane"></div>

Web component

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

<iconify-icon icon="material-icon-theme:fastlane"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/material-icon-theme/fastlane.svg" alt="Fastlane icon" width="24" height="24">

Fastlane icon in other icon sets

Fastlane icon FAQ

Is the Fastlane icon free for commercial use?

Yes. Material Icon Theme icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Fastlane icon in React?

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

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

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

Browse all Material Icon Theme icons →