Icône Car
flat-ui:car
L'icône Car (flat-ui:car) est une icône SVG gratuite de la collection Flat UI Icons par Designmodo, Inc.. Elle est dessinée sur une grille de 100 × 99. Les Flat UI 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
- Flat UI Icons
- Auteur
- Designmodo, Inc.
- Licence
- MIT
- Taille
- 100 × 99
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="99" viewBox="0 0 100 99"><path fill="#C0392C" d="M2 32h96v51H2z"/><path fill="#2C3E50" d="M75 85.999h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-4c0-1.103.896-2 2-2"/><path fill="#23475F" d="M93 89v7.999A2 2 0 0 1 91 99H79a2 2 0 0 1-2-2.001V89c.02-.004 15.994.021 16 0"/><path fill="#1D3D51" d="M79.917 99h2V89h-2zm4.166 0h1.834V89h-1.834zm4-10v10h1.834V89z"/><path fill="#2C3E50" d="M21 85.999h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-4c0-1.103.896-2 2-2"/><path fill="#23475F" d="M23 89v7.999A2 2 0 0 1 21 99H9a2 2 0 0 1-2-2.001V89c.019-.004 15.995.021 16 0"/><path fill="#1D3D51" d="M9.917 99h2V89h-2zm4.166 0h1.833V89h-1.833zm4-10v10h1.833V89z"/><path fill="#EBEEEF" d="M88 0H12C6.477 0 2 4.478 2 10v22s21.903 7.903 33.854 19.855C47.902 63.902 50 75.999 50 75.999s2.055-12.054 14.081-24.08C76.055 39.946 98 32 98 32V10c0-5.523-4.479-10-10-10"/><path fill="#fff" d="M58 29c-2.205 0-4-1.794-4-4V14c0-2.206 1.795-4 4-4h26c2.206 0 4 1.794 4 4v11c0 2.206-1.794 4-4 4z"/><path fill="#EBEEEF" d="M58 29h4l19-19H58c-2.205 0-4 1.794-4 4v11c0 2.205 1.795 4 4 4"/><path fill="#E5E5E5" d="M87 11H55v5h17v12h7V16h8z"/><path fill="#fff" d="M16 29c-2.206 0-4-1.794-4-4V14c0-2.206 1.794-4 4-4h26c2.205 0 4 1.794 4 4v11c0 2.206-1.795 4-4 4z"/><path fill="#E5E5E5" d="M45 11H13v5h8v12h7V16h17z"/><path fill="#D4D7DA" d="M2 83h96a2 2 0 0 1 2 1.999v2A2 2 0 0 1 98 89H2a2 2 0 0 1-2-2.001v-2A2 2 0 0 1 2 83"/><path fill="#fff" d="M79 56c4.971 0 9 4.029 9 9s-4.029 9-9 9s-9-4.029-9-9s4.029-9 9-9"/><path fill="#F39C12" d="M79 59c3.312 0 6 2.688 6 6s-2.688 6-6 6s-6-2.688-6-6s2.688-6 6-6"/><path fill="#fff" d="M21 56c4.971 0 9 4.029 9 9s-4.029 9-9 9s-9-4.029-9-9s4.029-9 9-9"/><path fill="#F39C12" d="M21 59c3.313 0 6 2.688 6 6s-2.687 6-6 6s-6-2.688-6-6s2.687-6 6-6"/><path fill="#C8CBCB" d="M52.986 37.986C50.824 35.824 47 37 47 37L33.942 50.057c.658.59 1.301 1.188 1.912 1.799c3.479 3.479 6.125 6.961 8.134 10.155L58 48s.713-3.287-.98-4.981c-1.243-1.242-2.702-3.701-4.034-5.033"/><path fill="#fff" d="M50 36c-4.971 0-9 4.029-9 9s4.029 8.999 9 8.999s9-4.028 9-8.999s-4.029-9-9-9m0 3c1.551 0 2.961.594 4.025 1.561L50 44.586l-4.025-4.026A5.96 5.96 0 0 1 50 39m0 12a6 6 0 0 1-5.275-8.861L50 47.414l5.275-5.275A6.002 6.002 0 0 1 50 51"/><path fill="#D3D6D7" d="m72 19l8-8H55.383a4 4 0 0 0-.383.382V16h17z"/><path fill="#BDC3C7" d="M84 11c1.654 0 3 1.346 3 3v11c0 1.654-1.346 3-3 3H58c-1.654 0-3-1.346-3-3V14c0-1.654 1.346-3 3-3zm0-2H58a5 5 0 0 0-5 5v11a5 5 0 0 0 5 5h26a5 5 0 0 0 5-5V14a5 5 0 0 0-5-5"/><path fill="#EBEEEF" d="M16 29h4l19-19H16c-2.206 0-4 1.794-4 4v11c0 2.205 1.794 4 4 4"/><path fill="#D3D6D7" d="M28 21v-5h5l5-5H13.382a4 4 0 0 0-.382.382V16h8v12z"/><path fill="#BDC3C7" d="M42 11c1.654 0 3 1.346 3 3v11c0 1.654-1.346 3-3 3H16c-1.654 0-3-1.346-3-3V14c0-1.654 1.346-3 3-3zm0-2H16a5 5 0 0 0-5 5v11a5 5 0 0 0 5 5h26a5 5 0 0 0 5-5V14a5 5 0 0 0-5-5"/></svg>
Comment utiliser l'icône Car
React
import { Icon } from "@iconify/react";
<Icon icon="flat-ui:car" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-ui:car" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-ui:car" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--car]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:car"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-ui:car"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/flat-ui/car.svg" alt="Icône Car" width="24" height="24">
Icônes similaires dans Flat UI Icons
L'icône Car dans d'autres collections
FAQ : Icône Car
L'icône Car est-elle gratuite pour un usage commercial ?
Oui. Les Flat UI Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Car dans React ?
Installez @iconify/react et affichez <Icon icon="flat-ui:car" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Car à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/flat-ui/car.svg" alt="Icône Car">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Flat UI Icons →
ICONYZ
