Icône Sncf

simple-icons:sncf

L'icône Sncf (simple-icons:sncf) est une icône SVG gratuite de la collection Simple Icons par Simple Icons Collaborators. Elle est dessinée sur une grille de 24 × 24. Les Simple Icons sont publiées sous la licence CC0 1.0, 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: Simple Icons
Auteur: Simple Icons Collaborators
Licence: CC0-1.0
Taille: 24 × 24

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2.093 5.76c4.628 0 14.881.633 21.698 4.934c.21.135.25.27.173.519c-.039.115-2.151 6.74-2.151 6.74c-.096.287-.25.287-.423.287H.384c-.25 0-.384-.172-.384-.384V6.182c0-.25.173-.384.46-.384c.423 0 .96-.038 1.633-.038m.288 6.355c-.384.941.71 1.517 1.67 1.959c.788.345 1.345.71 1.133 1.113c-.134.346-.71.5-1.478.5c-.672 0-1.517-.212-2.19-.519l-.383.845c.5.211 1.478.519 2.342.557c1.594.038 2.65-.346 3.073-1.229c.426-.976-.575-1.51-1.518-1.963l-.092-.045l-.138-.066c-.787-.345-1.305-.557-1.17-.94c.133-.461.92-.634 1.631-.596c.346 0 .595.039.922.135l.25-.807c-.346-.077-.634-.096-1.057-.096c-1.42-.038-2.688.346-2.995 1.152m13.595-1.21c-1.344 0-2.554.461-3.284 1.268c0 .038-.038.038-.077.038c-.038 0-.038 0-.038-.038l.384-1.19h-1.133l-1.267 3.82c-.384-1.113-1.21-2.63-2.19-3.82H7.163l-.883 2.803c.442.345.576.595.73.921c0 0 0 .039.038.039c0 0 .038 0 .038-.039c0-.038.788-2.419.788-2.419a14.5 14.5 0 0 1 2.016 4.167h1.267l.634-1.997s0-.039.038-.039c0 0 .039 0 .039.039c.172 1.229 1.44 2.074 3.225 2.074c1.133 0 2.19-.308 2.439-.423l.672-2.112h2.573l.25-.807h-2.612l.461-1.363h3.072l.288-.845h-4.34l-1.44 4.551c-.326.077-.71.096-1.094.096c-.845 0-1.555-.211-1.94-.672a1.47 1.47 0 0 1-.326-1.267c.173-1.152 1.306-1.901 2.823-1.901c.326 0 .634 0 .96.077l.327-.884c-.346-.076-.807-.076-1.23-.076z"/></svg>

Comment utiliser l'icône Sncf

React

import { Icon } from "@iconify/react";

<Icon icon="simple-icons:sncf" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="simple-icons:sncf" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="simple-icons:sncf" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--sncf]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:sncf"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="simple-icons:sncf"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/simple-icons/sncf.svg" alt="Icône Sncf" width="24" height="24">

L'icône Sncf dans d'autres collections

FAQ : Icône Sncf

L'icône Sncf est-elle gratuite pour un usage commercial ?

Oui. Les Simple Icons sont publiées sous la licence CC0 1.0, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Sncf dans React ?

Installez @iconify/react et affichez <Icon icon="simple-icons:sncf" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Sncf à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/simple-icons/sncf.svg" alt="Icône Sncf">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Simple Icons →