Jetbrains Fleet icon
thesvg-color:jetbrains-fleet
The Jetbrains Fleet icon (thesvg-color:jetbrains-fleet) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 70 × 70 grid. theSVG Color 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 70 × 70
- Tags
- jetbrainsfleet, jetbrain
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70"><g fill="none"><defs><radialGradient id="SVGDempodAS" cx="0" cy="0" r="1" gradientTransform="rotate(-42.635 73.827 -28.25)scale(30.3859 40.1154)" gradientUnits="userSpaceOnUse"><stop offset=".771" stop-color="#001aff"/><stop offset="1" stop-color="#8aceff"/></radialGradient><radialGradient id="SVGkqYtlrfR" cx="0" cy="0" r="1" gradientTransform="rotate(-30.543 79.837 -70.068)scale(16.777 22.1489)" gradientUnits="userSpaceOnUse"><stop offset=".719" stop-color="#fa00ff" stop-opacity="0"/><stop offset="1" stop-color="#ff00d6" stop-opacity=".44"/></radialGradient><radialGradient id="SVGTGLLmcrS" cx="0" cy="0" r="1" gradientTransform="rotate(49.385 -19.814 41.858)scale(47.8852)" gradientUnits="userSpaceOnUse"><stop offset=".026" stop-color="#8dfdfd"/><stop offset=".271" stop-color="#87fbfb"/><stop offset=".484" stop-color="#74d6f4"/><stop offset=".932" stop-color="#0038ff"/></radialGradient><radialGradient id="SVGSP0F8cbt" cx="0" cy="0" r="1" gradientTransform="rotate(137.237 9.434 23.195)scale(32.8316)" gradientUnits="userSpaceOnUse"><stop offset=".267" stop-color="#0500ff" stop-opacity="0"/><stop offset="1" stop-color="#0500ff" stop-opacity=".15"/></radialGradient><radialGradient id="SVGCeLA3bSr" cx="0" cy="0" r="1" gradientTransform="rotate(75.198 -4.629 32.631)scale(51.1484)" gradientUnits="userSpaceOnUse"><stop offset=".42" stop-color="#ff00e5" stop-opacity="0"/><stop offset=".774" stop-color="#ff00f5" stop-opacity=".64"/><stop offset=".899" stop-color="#be46ff" stop-opacity=".87"/></radialGradient><radialGradient id="SVGg6AFDb0u" cx="0" cy="0" r="1" gradientTransform="rotate(83.148 -5.155 34.243)scale(22.9221 34.6462)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00b2ff"/><stop offset=".571" stop-color="#74c5ff"/><stop offset=".979" stop-color="#9fd7ff"/></radialGradient><linearGradient id="SVGuNnm1yVT" x1="11.644" x2="82.363" y1="42.432" y2="43.401" gradientUnits="userSpaceOnUse"><stop offset=".432" stop-color="#fe62ee" stop-opacity="0"/><stop offset=".818" stop-color="#fd3af5" stop-opacity=".47"/></linearGradient><linearGradient id="SVGUqUpPdHI" x1="33.054" x2="37.35" y1="23.191" y2="49.344" gradientUnits="userSpaceOnUse"><stop offset=".042" stop-color="#0038ff"/><stop offset=".724" stop-color="#48bff1" stop-opacity=".59"/><stop offset="1" stop-color="#74c5ff" stop-opacity="0"/></linearGradient></defs><path fill="url(#SVGDempodAS)" d="M65.153 30.85c0 9.496-10.163 17.194-22.7 17.194S19.754 40.346 19.754 30.85s10.163-17.194 22.7-17.194s22.699 7.698 22.699 17.194"/><path fill="url(#SVGkqYtlrfR)" d="M65.153 30.85c0 9.496-10.163 17.194-22.7 17.194S19.754 40.346 19.754 30.85s10.163-17.194 22.7-17.194s22.699 7.698 22.699 17.194"/><path fill="url(#SVGTGLLmcrS)" d="M66 35c0 17.12-13.88 31-31 31S4 52.12 4 35S17.88 4 35 4c8.046 3.642 16.464 17.194 19.99 21.429c3.524 4.235 12.648 9.571 8.176-1.623C65.073 26.832 66 31.852 66 35"/><path fill="url(#SVGSP0F8cbt)" d="M66 35c0 17.12-13.88 31-31 31S4 52.12 4 35S17.88 4 35 4c8.046 3.642 16.464 17.194 19.99 21.429c3.524 4.235 12.648 9.571 8.176-1.623C65.073 26.832 66 31.852 66 35"/><path fill="url(#SVGCeLA3bSr)" d="M66 35c0 17.12-13.88 31-31 31S4 52.12 4 35S17.88 4 35 4c8.046 3.642 16.464 17.194 19.99 21.429c3.524 4.235 12.648 9.571 8.176-1.623C65.073 26.832 66 31.852 66 35"/><path fill="url(#SVGuNnm1yVT)" d="M66 35c0 17.12-13.88 31-31 31S4 52.12 4 35S17.88 4 35 4c8.046 3.642 16.464 17.194 19.99 21.429c3.524 4.235 12.648 9.571 8.176-1.623C65.073 26.832 66 31.852 66 35"/><path fill="url(#SVGg6AFDb0u)" d="M56.651 39.682c1.658 7.764-6.511 16.089-18.246 18.594s-22.59-1.757-24.248-9.52c-1.658-7.764 6.511-16.089 18.246-18.594s22.59 1.757 24.248 9.52"/><path fill="url(#SVGUqUpPdHI)" d="M56.651 39.682c1.658 7.764-6.511 16.089-18.246 18.594s-22.59-1.757-24.248-9.52c-1.658-7.764 6.511-16.089 18.246-18.594s22.59 1.757 24.248 9.52"/><path fill="#d6f8f8" fill-opacity=".19" fill-rule="evenodd" d="M51.462 49.883c3.074-3.133 4.386-6.66 3.698-9.882c-.688-3.223-3.326-5.907-7.411-7.51c-4.073-1.6-9.412-2.037-15.028-.838s-10.31 3.779-13.375 6.901c-3.074 3.133-4.386 6.66-3.698 9.883s3.326 5.906 7.412 7.51c4.072 1.6 9.41 2.037 15.027.838c5.616-1.2 10.31-3.779 13.375-6.902m-13.057 8.393c11.735-2.505 19.904-10.83 18.246-18.594c-1.658-7.763-12.514-12.026-24.248-9.52c-11.735 2.505-19.904 10.83-18.246 18.593c1.658 7.764 12.514 12.026 24.248 9.521" clip-rule="evenodd"/></g></svg>How to use the Jetbrains Fleet icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:jetbrains-fleet" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:jetbrains-fleet" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:jetbrains-fleet" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--jetbrains-fleet]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:jetbrains-fleet"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:jetbrains-fleet"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/jetbrains-fleet.svg" alt="Jetbrains Fleet icon" width="24" height="24">Related icons in theSVG Color
Jetbrains Fleet icon FAQ
Is the Jetbrains Fleet icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Jetbrains Fleet icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:jetbrains-fleet" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Jetbrains Fleet icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/jetbrains-fleet.svg" alt="Jetbrains Fleet icon">, or paste the SVG code inline to style it with CSS.