Icône Vapor Wordmark
devicon:vapor-wordmark
L'icône Vapor Wordmark (devicon:vapor-wordmark) est une icône SVG gratuite de la collection Devicon par konpa. Elle est dessinée sur une grille de 128 × 128. Les Devicon 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.
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#141416" d="M21.003 39.314L0 57.387v.127l21.508 17.298l21.508-17.298v-.127zM54.91 51.577l6.965 19.642h3.064l6.963-19.642H68.46l-5.054 15.364l-5.027-15.364zM77.6 56.68c-3.736 0-6.022 2.99-6.022 7.435c0 4.417 2.286 7.435 6.023 7.435c2.177 0 3.79-1.153 4.676-3.375v3.044h2.61V57.01h-2.904v2.578c-.86-1.92-2.393-2.907-4.382-2.907zm18.774 0c-2.178 0-3.792 1.152-4.652 3.374v-3.045h-2.607v19.534h2.876V68.64c.86 1.92 2.393 2.91 4.383 2.91c3.736 0 6.022-2.991 6.022-7.436c0-4.417-2.286-7.435-6.022-7.435zm14.903 0c-3.98 0-6.723 3.018-6.723 7.435s2.744 7.435 6.723 7.435c4.006 0 6.748-3.018 6.748-7.435s-2.742-7.435-6.748-7.435m15.486.11c-1.344 0-2.338.685-2.929 1.7v-1.48h-2.61v14.21h2.88v-9.108c0-1.372.938-2.195 2.175-2.195h1.103l.618-2.88a3 3 0 0 0-1.237-.247m-48.518 2.606c2.393 0 3.765 2.003 3.765 4.72c0 2.688-1.372 4.717-3.765 4.717c-2.366 0-3.763-2.03-3.763-4.718c0-2.716 1.397-4.72 3.763-4.72zm17.484 0c2.366 0 3.763 2.03 3.763 4.72c0 2.715-1.397 4.717-3.763 4.717s-3.765-2.002-3.765-4.718c0-2.688 1.4-4.72 3.765-4.72zm15.548.083c2.42 0 3.79 1.975 3.79 4.636s-1.37 4.636-3.79 4.636c-2.394 0-3.765-1.975-3.765-4.636s1.371-4.636 3.765-4.636"/><path fill="#40c4ff" fill-rule="evenodd" d="M21.623 74.81h.127s.041 3.243 0 4.797c-.041 1.555-.127 0-.127 0L0 62.23v-4.798z" clip-rule="evenodd"/><path fill="#3dc4ff" fill-rule="evenodd" d="M21.623 79.478h.127v4.668l-.127.13L0 66.898V62.1z" clip-rule="evenodd"/><path fill="#fff" fill-opacity=".25" fill-rule="evenodd" d="M21.623 79.478h.127v4.668l-.127.13L0 66.898V62.1z" clip-rule="evenodd"/><path fill="#3dc4ff" fill-rule="evenodd" d="m21.623 84.147l.127-.13v4.539l-.127.13L0 71.308v-4.54Z" clip-rule="evenodd"/><path fill="#fff" fill-opacity=".5" fill-rule="evenodd" d="m21.623 84.147l.127-.13v4.539l-.127.13L0 71.308v-4.54Z" clip-rule="evenodd"/><path fill="#e040fb" fill-rule="evenodd" d="M21.464 74.81v4.797L43.017 62.23v-4.798Z" clip-rule="evenodd"/><path fill="#e040fb" fill-rule="evenodd" d="M21.464 79.478v4.798l21.553-17.378V62.1z" clip-rule="evenodd"/><path fill="#fff" fill-opacity=".25" fill-rule="evenodd" d="M21.464 79.478v4.798l21.553-17.378V62.1z" clip-rule="evenodd"/><path fill="#e040fb" fill-rule="evenodd" d="M21.464 84.147v4.539l21.553-17.249V66.77Z" clip-rule="evenodd"/><path fill="#fff" fill-opacity=".5" fill-rule="evenodd" d="M21.464 84.147v4.539l21.553-17.249V66.77Z" clip-rule="evenodd"/><path fill="#fff" d="M14.43 50.832s10.161.323 12.863 2.636s3.084 6.386.855 9.097s-6.226 3.033-8.928.72c-2.701-2.313-4.79-12.453-4.79-12.453"/></svg>Comment utiliser l'icône Vapor Wordmark
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:vapor-wordmark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:vapor-wordmark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:vapor-wordmark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--vapor-wordmark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:vapor-wordmark"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:vapor-wordmark"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/devicon/vapor-wordmark.svg" alt="Icône Vapor Wordmark" width="24" height="24">Icônes similaires dans Devicon
L'icône Vapor Wordmark dans d'autres collections
FAQ : Icône Vapor Wordmark
L'icône Vapor Wordmark est-elle gratuite pour un usage commercial ?
Oui. Les Devicon icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Vapor Wordmark dans React ?
Installez @iconify/react et affichez <Icon icon="devicon:vapor-wordmark" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Vapor Wordmark à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/devicon/vapor-wordmark.svg" alt="Icône Vapor Wordmark">, ou collez le code SVG directement dans la page pour le styliser en CSS.