Icône Light Rail
fluent-emoji:light-rail
L'icône Light Rail (fluent-emoji:light-rail) est une icône SVG gratuite de la collection Fluent Emoji par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Fluent Emoji
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 32 × 32
- Mots-clés
- lightrail
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iSZmY3b)" d="M12.82 16.01h-1.95l3.64-5.94c.24-.38.51-.74.82-1.06h2.19c1.14 0 1.82 1.26 1.22 2.21c-.01.02-.03.04-.04.06c-.93 1.35-1.64 2.36-1.64 2.36a4.99 4.99 0 0 1-4.24 2.37"/><g filter="url(#ikrp8kd)"><path fill="url(#iYTrMMA)" d="M29.97 7.885V28.01H8.14a7.88 7.88 0 0 1-.85-5c.16-1.01.51-1.99 1.06-2.88l1.3-2.12c8.119 0 5.277-10.125 20.32-10.125"/></g><path fill="url(#it80xXd)" d="M29.97 23.01v5H8.14a7.88 7.88 0 0 1-.85-5z"/><path fill="url(#it2iOPc)" d="M29.97 23.01v5H8.14a7.88 7.88 0 0 1-.85-5z"/><path fill="url(#i2Ge85q)" d="M18.74 11.22c-.01.02-.03.04-.04.06c-.93 1.35-1.64 2.36-1.64 2.36a4.99 4.99 0 0 1-4.24 2.37h-1.95l3.64-5.94c.24-.38.51-.74.82-1.06h2.19c1.14 0 1.82 1.26 1.22 2.21"/><g filter="url(#iYh22Xb)"><path fill="url(#iqNOSRb)" d="M29.97 7.01v2h-4.65c-1.28 0-2.47.65-3.15 1.73l-3.11 4.9a4.99 4.99 0 0 1-4.24 2.37H9.65l1.22-2c2.749-3.273 3.306-4.294 4.46-7a6.44 6.44 0 0 1 4.24-1.99c.13-.01.27-.01.41-.01z"/></g><path fill="url(#iyfgkFb)" d="M19.98 7.01c-.14 0-.28 0-.41.01c.05-.01.11-.01.16-.01z"/><g filter="url(#ieFib7b)"><path fill="url(#it6rb0c)" d="M12.97 22.01h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1s-.44 1-1 1"/></g><path fill="url(#it8EOrb)" d="M29.97 22.01h-8c-.55 0-1-.45-1-1s.45-1 1-1h8z"/><path fill="url(#iag1sUr)" d="M23.22 18.01h-.48c-1.24 0-2-1.36-1.35-2.42l1.71-2.77a3.83 3.83 0 0 1 3.25-1.81h3.63v7"/><path fill="url(#iULx9Gd)" d="M23.22 18.01h-.48c-1.24 0-2-1.36-1.35-2.42l1.71-2.77a3.83 3.83 0 0 1 3.25-1.81h3.63v7"/><path fill="url(#iwp8wIb)" d="M23.22 18.01h-.48c-1.24 0-2-1.36-1.35-2.42l1.71-2.77a3.83 3.83 0 0 1 3.25-1.81h3.63v7"/><path fill="url(#iKRfMLr)" d="M23.22 18.01h-.48c-1.24 0-2-1.36-1.35-2.42l1.71-2.77a3.83 3.83 0 0 1 3.25-1.81h3.63v7"/><path fill="url(#inBIJBd)" d="M29.97 27.01H1.99v3h27.98z"/><g filter="url(#i3hZLOe)"><path fill="url(#i9LVmde)" d="M2.611 27.659h26.815v.851H2.611z"/></g><path fill="url(#iXczPqb)" d="M18.74 11.22c-.01.02-.03.04-.04.06c-.93 1.35-1.64 2.36-1.64 2.36a4.99 4.99 0 0 1-4.24 2.37h-1.95l3.64-5.94c.24-.38.51-.74.82-1.06h2.19c1.14 0 1.82 1.26 1.22 2.21"/><defs><linearGradient id="iSZmY3b" x1="10.874" x2="18.967" y1="12.51" y2="12.51" gradientUnits="userSpaceOnUse"><stop stop-color="#D3D3D3"/><stop offset=".998" stop-color="#F4F4F4"/></linearGradient><linearGradient id="iYTrMMA" x1="15.252" x2="29.974" y1="18.51" y2="18.51" gradientUnits="userSpaceOnUse"><stop stop-color="#DCD0E1"/><stop offset="1" stop-color="#EBE0EF"/></linearGradient><linearGradient id="it80xXd" x1="7.484" x2="25.498" y1="25.51" y2="25.51" gradientUnits="userSpaceOnUse"><stop stop-color="#E1B64A"/><stop offset=".156" stop-color="#FFD25B"/><stop offset="1" stop-color="#FF9A4B"/></linearGradient><linearGradient id="i2Ge85q" x1="10.874" x2="18.967" y1="12.51" y2="12.51" gradientUnits="userSpaceOnUse"><stop stop-color="#06A5E9"/><stop offset="1" stop-color="#1876C4"/></linearGradient><linearGradient id="iyfgkFb" x1="19.574" x2="19.984" y1="7.015" y2="7.015" gradientUnits="userSpaceOnUse"><stop stop-color="#06A5E9"/><stop offset="1" stop-color="#1876C4"/></linearGradient><linearGradient id="it8EOrb" x1="23.177" x2="31.177" y1="21.01" y2="21.01" gradientUnits="userSpaceOnUse"><stop stop-color="#D5C9DA"/><stop offset="1" stop-color="#B3A9B7"/></linearGradient><linearGradient id="iULx9Gd" x1="27.225" x2="27.225" y1="10.23" y2="12.18" gradientUnits="userSpaceOnUse"><stop stop-color="#0482F9"/><stop offset="1" stop-color="#0482F9" stop-opacity="0"/></linearGradient><linearGradient id="iwp8wIb" x1="22.079" x2="23.728" y1="11.676" y2="12.694" gradientUnits="userSpaceOnUse"><stop stop-color="#0482F9"/><stop offset="1" stop-color="#0482F9" stop-opacity="0"/></linearGradient><linearGradient id="iKRfMLr" x1="25.566" x2="25.566" y1="18.272" y2="17.254" gradientUnits="userSpaceOnUse"><stop stop-color="#4BDFFF"/><stop offset="1" stop-color="#4BDFFF" stop-opacity="0"/></linearGradient><linearGradient id="inBIJBd" x1="8.83" x2="29.97" y1="30.01" y2="30.01" gradientUnits="userSpaceOnUse"><stop stop-color="#291B3A"/><stop offset="1" stop-color="#754089"/></linearGradient><linearGradient id="i9LVmde" x1="2.611" x2="29.808" y1="28.51" y2="28.51" gradientUnits="userSpaceOnUse"><stop stop-color="#3B304B"/><stop offset="1" stop-color="#6E479D"/></linearGradient><radialGradient id="it2iOPc" cx="0" cy="0" r="1" gradientTransform="rotate(146.955 9.126 12.199)scale(19.3701 13.9413)" gradientUnits="userSpaceOnUse"><stop offset=".884" stop-color="#8D742E" stop-opacity="0"/><stop offset="1" stop-color="#8D742E"/></radialGradient><radialGradient id="iqNOSRb" cx="0" cy="0" r="1" gradientTransform="matrix(5.875 -7.31252 5.86668 4.7134 16.74 18.01)" gradientUnits="userSpaceOnUse"><stop stop-color="#49ADFF"/><stop offset="1" stop-color="#4193E9"/></radialGradient><radialGradient id="it6rb0c" cx="0" cy="0" r="1" gradientTransform="matrix(3.75568 0 0 1.64929 10.493 21.013)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF7853"/><stop offset="1" stop-color="#F43A21"/></radialGradient><radialGradient id="iag1sUr" cx="0" cy="0" r="1" gradientTransform="matrix(1.14832 5.52632 -7.00027 1.4546 25.566 10.694)" gradientUnits="userSpaceOnUse"><stop stop-color="#0585FD"/><stop offset="1" stop-color="#4EF7FF"/></radialGradient><radialGradient id="iXczPqb" cx="0" cy="0" r="1" gradientTransform="matrix(6.6875 -4.875 3.01482 4.1357 11.709 14.76)" gradientUnits="userSpaceOnUse"><stop stop-color="#51E9FF"/><stop offset="1" stop-color="#057EE5"/></radialGradient><filter id="ikrp8kd" width="23.529" height="20.125" x="7.191" y="7.885" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".75"/><feGaussianBlur stdDeviation=".625"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.713726 0 0 0 0 0.694118 0 0 0 0 0.694118 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_9413"/></filter><filter id="iYh22Xb" width="20.92" height="11.1" x="9.65" y="7.01" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".6" dy=".1"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.372549 0 0 0 0 0.556863 0 0 0 0 0.780392 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_9413"/></filter><filter id="ieFib7b" width="4" height="2" x="9.97" y="20.01" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.909804 0 0 0 0 0.180392 0 0 0 0 0.0666667 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_9413"/></filter><filter id="i3hZLOe" width="28.815" height="2.851" x="1.611" y="26.659" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_9413" stdDeviation=".5"/></filter></defs></g></svg>Comment utiliser l'icône Light Rail
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:light-rail" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:light-rail" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:light-rail" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--light-rail]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:light-rail"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:light-rail"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/light-rail.svg" alt="Icône Light Rail" width="24" height="24">Icônes similaires dans Fluent Emoji
L'icône Light Rail dans d'autres collections
FAQ : Icône Light Rail
L'icône Light Rail est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Light Rail dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji:light-rail" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Light Rail à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji/light-rail.svg" alt="Icône Light Rail">, ou collez le code SVG directement dans la page pour le styliser en CSS.