Icono Jetbrains Fleet
thesvg-color:jetbrains-fleet
El icono Jetbrains Fleet (thesvg-color:jetbrains-fleet) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 70 × 70. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- theSVG Color
- Autor
- thesvg.org
- Licencia
- MIT
- Tamaño
- 70 × 70
- Etiquetas
- jetbrainsfleet, jetbrain
Código SVG
<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>Cómo usar el icono Jetbrains Fleet
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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/jetbrains-fleet.svg" alt="Icono Jetbrains Fleet" width="24" height="24">Iconos relacionados en theSVG Color
Preguntas frecuentes sobre Icono Jetbrains Fleet
¿El icono Jetbrains Fleet es gratis para uso comercial?
Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Jetbrains Fleet en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:jetbrains-fleet" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Jetbrains Fleet a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/jetbrains-fleet.svg" alt="Icono Jetbrains Fleet">, o pega el código SVG en línea para darle estilo con CSS.