Icône Motorway
fluent-emoji:motorway
L'icône Motorway (fluent-emoji:motorway) 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
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#icSWaOc)"><rect width="28" height="28" x="1.966" y="2.068" fill="#4BC8F2" rx="3.8"/></g><rect width="28" height="28" x="1.966" y="2.068" fill="url(#iUtYbPb)" rx="3.8"/><rect width="28" height="28" x="1.966" y="2.068" fill="url(#iGAiu5b)" rx="3.8"/><path fill="url(#iGIp8Ee)" d="M1.966 13.818V6.922a3.64 3.64 0 1 1 0 6.895"/><path fill="url(#imiYu1X)" d="M1.966 13.818V6.922a3.64 3.64 0 1 1 0 6.895"/><path fill="url(#iq8F8ge)" d="M17.643 17.07c.595-1.08.933-2.32.933-3.64a7.55 7.55 0 0 0-14.73-2.34a5.9 5.9 0 0 0-1.87-1.33v7.31z"/><path fill="url(#iotYLYd)" d="M24.906 16a3.16 3.16 0 1 0 0-6.32a3.16 3.16 0 0 0 0 6.32"/><path fill="url(#iXf7Mvd)" d="M21.926 21.62a5.06 5.06 0 1 0 0-10.12a5.06 5.06 0 0 0 0 10.12"/><path fill="url(#iZrSwXF)" d="M21.926 21.62a5.06 5.06 0 1 0 0-10.12a5.06 5.06 0 0 0 0 10.12"/><path fill="url(#iAyI5be)" d="M21.926 21.62a5.06 5.06 0 1 0 0-10.12a5.06 5.06 0 0 0 0 10.12"/><path fill="url(#icOBD2c)" d="M21.926 21.62a5.06 5.06 0 1 0 0-10.12a5.06 5.06 0 0 0 0 10.12"/><path fill="url(#iHYcJPb)" d="M21.926 21.62a5.06 5.06 0 1 0 0-10.12a5.06 5.06 0 0 0 0 10.12"/><g filter="url(#ibWr3Vd)"><path fill="url(#ipf1wCd)" d="M29.966 7.85v18.418a3.8 3.8 0 0 1-3.8 3.8h-3.942l-5.808-5.808c-.79-.79-.79-2.07 0-2.86l5.68-6.71l4.38-5.26c.41-.5 1.03-.78 1.67-.78h.12c.58 0 1.13-.23 1.54-.64z"/></g><path fill="url(#igI1Gco)" d="M29.966 7.85v18.418a3.8 3.8 0 0 1-3.8 3.8h-3.942l-5.808-5.808c-.79-.79-.79-2.07 0-2.86l5.68-6.71l4.38-5.26c.41-.5 1.03-.78 1.67-.78h.12c.58 0 1.13-.23 1.54-.64z"/><path fill="url(#iXvbKnd)" d="m12.146 17.07l-9.78-9.78a2 2 0 0 0-.39-.305V17.07z"/><path fill="url(#iz07LJc)" d="m12.146 17.07l-9.78-9.78a2 2 0 0 0-.39-.305V17.07z"/><path fill="url(#iRn9T4c)" d="M29.966 17.07H1.976v9.103h27.99z"/><path fill="url(#igTxo6c)" d="M29.944 26.681a3.8 3.8 0 0 1-3.778 3.387h-20.4a3.8 3.8 0 0 1-3.71-2.973l10.1-10.025h8z"/><path fill="url(#iX2C5cd)" d="M29.966 26.081v.187a3.8 3.8 0 0 1-.237 1.324L19.156 17.07h1z"/><path fill="url(#iXaIblb)" d="M29.966 26.081v.187a3.8 3.8 0 0 1-.237 1.324L19.156 17.07h1z"/><path fill="url(#iE941re)" d="M29.966 26.081v.187a3.8 3.8 0 0 1-.237 1.324L19.156 17.07h1z"/><path fill="url(#i5Nwijd)" d="M2.188 27.55a3.8 3.8 0 0 1-.222-1.282v-.184l10.19-9.014h1z"/><path fill="url(#iWH8GJc)" d="M2.188 27.55a3.8 3.8 0 0 1-.222-1.282v-.184l10.19-9.014h1z"/><path fill="url(#idNhL5d)" d="m16.216 17.444l.15 1.498h-.8l.15-1.498z"/><path fill="url(#i7R3eqc)" d="m16.436 19.681l.31 3.096l-1.56.01l.31-3.106z"/><path fill="url(#iUPkZPH)" d="m16.896 24.285l.57 5.783h-3l.57-5.783z"/><g filter="url(#i6U2PKe)"><path fill="#3EAD88" d="M10.036 11.07h-5.77c-.61 0-1.11.5-1.11 1.11v2.78c0 .61.5 1.11 1.11 1.11h5.77c.61 0 1.11-.5 1.11-1.11v-2.78c.01-.61-.49-1.11-1.11-1.11"/></g><g filter="url(#iVeKzfb)"><path fill="url(#iix5uDb)" d="M7.656 12.07h-3c-.28 0-.5.22-.5.5s.22.5.5.5h3c.28 0 .5-.22.5-.5s-.22-.5-.5-.5"/></g><g filter="url(#iAwie3d)"><path fill="url(#i90tvbe)" d="M9.656 12.07c-.28 0-.5.22-.5.5s.22.5.5.5s.5-.22.5-.5s-.22-.5-.5-.5"/></g><g filter="url(#iOEoytR)"><path fill="url(#iPoyxoC)" d="M9.656 14.07c-.28 0-.5.22-.5.5s.22.5.5.5s.5-.22.5-.5s-.22-.5-.5-.5"/></g><g filter="url(#ieFx8bo)"><path fill="url(#iX6Ix7b)" d="M6.726 14.07h-2.13c-.24 0-.43.19-.43.43v.13c0 .24.19.43.43.43h2.13c.24 0 .43-.19.43-.43v-.13c0-.24-.19-.43-.43-.43"/></g><path fill="url(#irVDQwf)" d="M4.166 16.068h.99v1.992h-.99z"/><path fill="url(#iAi9z4b)" d="M4.166 16.068h.99v1.992h-.99z"/><path fill="url(#i6urJBZ)" d="M9.166 16.068h.99v1.992h-.99z"/><path fill="url(#iIKPpbd)" d="M9.166 16.068h.99v1.992h-.99z"/><defs><linearGradient id="iUtYbPb" x1="2.329" x2="5.762" y1="8.993" y2="8.993" gradientUnits="userSpaceOnUse"><stop stop-color="#47A2C2"/><stop offset="1" stop-color="#47A2C2" stop-opacity="0"/></linearGradient><linearGradient id="icOBD2c" x1="22.634" x2="20.755" y1="16.232" y2="14.492" gradientUnits="userSpaceOnUse"><stop stop-color="#A9ABAB"/><stop offset="1" stop-color="#A9ABAB" stop-opacity="0"/></linearGradient><linearGradient id="ipf1wCd" x1="22.895" x2="28.398" y1="17.703" y2="9.302" gradientUnits="userSpaceOnUse"><stop stop-color="#433B4D"/><stop offset="1" stop-color="#614F71"/></linearGradient><linearGradient id="iXvbKnd" x1="6.047" x2="2.305" y1="11.454" y2="15.488" gradientUnits="userSpaceOnUse"><stop stop-color="#6A5A79"/><stop offset="1" stop-color="#393742"/></linearGradient><linearGradient id="iRn9T4c" x1="15.971" x2="15.971" y1="17.07" y2="26.173" gradientUnits="userSpaceOnUse"><stop stop-color="#6BC589"/><stop offset=".167" stop-color="#5EAA7C"/><stop offset="1" stop-color="#5EAA7C"/></linearGradient><linearGradient id="igTxo6c" x1="16" x2="16" y1="17.07" y2="30.068" gradientUnits="userSpaceOnUse"><stop stop-color="#665278"/><stop offset="1" stop-color="#414042"/></linearGradient><linearGradient id="iX2C5cd" x1="20.153" x2="31.216" y1="17.07" y2="28.005" gradientUnits="userSpaceOnUse"><stop stop-color="#E3E0E4"/><stop offset="1" stop-color="#E6E3E8"/></linearGradient><linearGradient id="iXaIblb" x1="23.716" x2="23.872" y1="21.755" y2="21.599" gradientUnits="userSpaceOnUse"><stop stop-color="#928C97"/><stop offset="1" stop-color="#928C97" stop-opacity="0"/></linearGradient><linearGradient id="iE941re" x1="25.466" x2="25.263" y1="21.786" y2="22.005" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="i5Nwijd" x1="13.156" x2="1.28" y1="17.07" y2="26.733" gradientUnits="userSpaceOnUse"><stop stop-color="#E6E5E9"/><stop offset="1" stop-color="#B5B2B6"/></linearGradient><linearGradient id="iWH8GJc" x1="6.638" x2="6.964" y1="21.583" y2="21.942" gradientUnits="userSpaceOnUse"><stop stop-color="#928C97"/><stop offset="1" stop-color="#928C97" stop-opacity="0"/></linearGradient><linearGradient id="idNhL5d" x1="15.966" x2="15.966" y1="17.583" y2="18.942" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE039"/><stop offset="1" stop-color="#FFC33C"/></linearGradient><linearGradient id="i7R3eqc" x1="15.966" x2="15.966" y1="19.97" y2="22.787" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE039"/><stop offset="1" stop-color="#FFC33C"/></linearGradient><linearGradient id="iUPkZPH" x1="15.966" x2="15.966" y1="24.823" y2="30.068" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE039"/><stop offset="1" stop-color="#FFC33C"/></linearGradient><linearGradient id="iix5uDb" x1="4.018" x2="8.156" y1="12.57" y2="12.57" gradientUnits="userSpaceOnUse"><stop stop-color="#E3E2E4"/><stop offset=".289" stop-color="#CCCACD"/></linearGradient><linearGradient id="i90tvbe" x1="9.156" x2="10.156" y1="12.781" y2="12.147" gradientUnits="userSpaceOnUse"><stop stop-color="#E3E2E4"/><stop offset=".372" stop-color="#CCCACD"/></linearGradient><linearGradient id="iPoyxoC" x1="9.156" x2="10.156" y1="14.781" y2="14.147" gradientUnits="userSpaceOnUse"><stop stop-color="#E3E2E4"/><stop offset=".372" stop-color="#CCCACD"/></linearGradient><linearGradient id="iX6Ix7b" x1="4.063" x2="7.156" y1="14.565" y2="14.565" gradientUnits="userSpaceOnUse"><stop stop-color="#E3E2E4"/><stop offset=".289" stop-color="#CCCACD"/></linearGradient><linearGradient id="iAi9z4b" x1="4.974" x2="4.935" y1="15.958" y2="16.302" gradientUnits="userSpaceOnUse"><stop offset=".233" stop-color="#7C8184"/><stop offset="1" stop-color="#7C8184" stop-opacity="0"/></linearGradient><linearGradient id="iIKPpbd" x1="9.974" x2="9.935" y1="15.958" y2="16.302" gradientUnits="userSpaceOnUse"><stop offset=".233" stop-color="#7C8184"/><stop offset="1" stop-color="#7C8184" stop-opacity="0"/></linearGradient><radialGradient id="iGAiu5b" cx="0" cy="0" r="1" gradientTransform="matrix(-1.71658 1.97087 -2.11548 -1.84253 29.094 2.89)" gradientUnits="userSpaceOnUse"><stop stop-color="#6DF5FF"/><stop offset="1" stop-color="#6DF5FF" stop-opacity="0"/></radialGradient><radialGradient id="iGIp8Ee" cx="0" cy="0" r="1" gradientTransform="rotate(117.698 -.17 6.69)scale(5.13267 7.26821)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset=".926" stop-color="#BBBBBC"/></radialGradient><radialGradient id="imiYu1X" cx="0" cy="0" r="1" gradientTransform="matrix(-.93233 -.81579 2.0292 -2.31908 4.92 9.492)" gradientUnits="userSpaceOnUse"><stop offset=".158" stop-color="#C1C0C1"/><stop offset="1" stop-color="#C1C0C1" stop-opacity="0"/></radialGradient><radialGradient id="iq8F8ge" cx="0" cy="0" r="1" gradientTransform="rotate(139.686 5.402 8.128)scale(10.7968 18.3271)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset=".926" stop-color="#BBBBBC"/></radialGradient><radialGradient id="iotYLYd" cx="0" cy="0" r="1" gradientTransform="rotate(126.72 10.521 12.648)scale(5.79401 9.70997)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset=".926" stop-color="#BBBBBC"/></radialGradient><radialGradient id="iXf7Mvd" cx="0" cy="0" r="1" gradientTransform="rotate(136.146 9.502 11.227)scale(9.41987 15.7864)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#B9BDBB"/></radialGradient><radialGradient id="iZrSwXF" cx="0" cy="0" r="1" gradientTransform="matrix(-.89784 3.16193 -1.06591 -.30267 18.874 12.774)" gradientUnits="userSpaceOnUse"><stop stop-color="#D3D3D4"/><stop offset="1" stop-color="#D3D3D4" stop-opacity="0"/></radialGradient><radialGradient id="iAyI5be" cx="0" cy="0" r="1" gradientTransform="rotate(-148.773 13.648 5.113)scale(5.95769 7.22692)" gradientUnits="userSpaceOnUse"><stop offset=".502" stop-color="#E5E5E6" stop-opacity="0"/><stop offset=".849" stop-color="#E5E5E6"/></radialGradient><radialGradient id="iHYcJPb" cx="0" cy="0" r="1" gradientTransform="rotate(127.082 6.56 10.785)scale(1.87607 1.58621)" gradientUnits="userSpaceOnUse"><stop stop-color="#D6D6D7"/><stop offset="1" stop-color="#D6D6D7" stop-opacity="0"/></radialGradient><radialGradient id="igI1Gco" cx="0" cy="0" r="1" gradientTransform="matrix(-.09538 2.38412 -1.4682 -.05874 27.966 8.056)" gradientUnits="userSpaceOnUse"><stop stop-color="#6C597D"/><stop offset="1" stop-color="#6C597D" stop-opacity="0"/></radialGradient><radialGradient id="iz07LJc" cx="0" cy="0" r="1" gradientTransform="matrix(6.07055 5.86265 -1.59596 1.65256 1.64 6.673)" gradientUnits="userSpaceOnUse"><stop stop-color="#877499"/><stop offset="1" stop-color="#877499" stop-opacity="0"/></radialGradient><radialGradient id="irVDQwf" cx="0" cy="0" r="1" gradientTransform="matrix(-.8644 0 0 -2.7563 5.156 17.34)" gradientUnits="userSpaceOnUse"><stop offset=".254" stop-color="#FBFBFD"/><stop offset="1" stop-color="#868587"/></radialGradient><radialGradient id="i6urJBZ" cx="0" cy="0" r="1" gradientTransform="matrix(-.8644 0 0 -2.7563 10.156 17.34)" gradientUnits="userSpaceOnUse"><stop offset=".254" stop-color="#FBFBFD"/><stop offset="1" stop-color="#868587"/></radialGradient><filter id="icSWaOc" width="29.75" height="29.75" x=".216" y="2.068" 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="-1.75" dy="1.75"/><feGaussianBlur stdDeviation="1.25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.376471 0 0 0 0 0.905882 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_11689"/></filter><filter id="ibWr3Vd" width="14.642" height="23.217" x="15.824" y="7.851" 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=".5" dy="1.25"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.243137 0 0 0 0 0.211765 0 0 0 0 0.278431 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_11689"/></filter><filter id="i6U2PKe" width="8.99" height="6" x="2.656" y="10.57" 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="-.5" dy=".5"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.341176 0 0 0 0 0.803922 0 0 0 0 0.639216 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_11689"/><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=".5" dy="-.5"/><feGaussianBlur stdDeviation=".325"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.12549 0 0 0 0 0.360784 0 0 0 0 0.298039 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_11689" result="effect2_innerShadow_18_11689"/></filter><filter id="iVeKzfb" width="4.15" height="1.15" x="4.006" y="12.07" 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="-.15" dy=".15"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.529412 0 0 0 0 0.513726 0 0 0 0 0.537255 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_11689"/></filter><filter id="iAwie3d" width="1.15" height="1.15" x="9.006" y="12.07" 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="-.15" dy=".15"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.529412 0 0 0 0 0.513726 0 0 0 0 0.537255 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_11689"/></filter><filter id="iOEoytR" width="1.15" height="1.15" x="9.006" y="14.07" 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="-.15" dy=".15"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.529412 0 0 0 0 0.513726 0 0 0 0 0.537255 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_11689"/></filter><filter id="ieFx8bo" width="3.14" height="1.14" x="4.016" y="14.07" 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="-.15" dy=".15"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.529412 0 0 0 0 0.513726 0 0 0 0 0.537255 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_11689"/></filter></defs></g></svg>Comment utiliser l'icône Motorway
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:motorway" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:motorway" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:motorway" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--motorway]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:motorway"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:motorway"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/motorway.svg" alt="Icône Motorway" width="24" height="24">L'icône Motorway dans d'autres collections
FAQ : Icône Motorway
L'icône Motorway 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 Motorway dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji:motorway" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Motorway à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji/motorway.svg" alt="Icône Motorway">, ou collez le code SVG directement dans la page pour le styliser en CSS.