Icône Webplatform
logos:webplatform
L'icône Webplatform (logos:webplatform) est une icône SVG gratuite de la collection SVG Logos par Gil Barbara. Elle est dessinée sur une grille de 256 × 254. Les SVG Logos icons sont publiées sous la licence CC0, 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
- SVG Logos
- Auteur
- Gil Barbara
- Licence
- CC0-1.0
- Taille
- 256 × 254
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="254" viewBox="0 0 256 254"><path fill="#2db2c4" d="M256 219.9v-186C256 15.2 240.8 0 222.1 0s-33.9 15.2-33.9 33.9V138l57.9 57.9c6.6 6.6 9.9 15.3 9.9 24"/><path fill="#e45026" d="m104.7 101.2l-37.6 37.5v81.9c0 9.4-3.8 17.8-9.9 24l71.5-71.4l-24-24c-13.2-13.3-13.2-34.7 0-48"/><path fill="#694ea0" d="m188.8 138.7l-37.4-37.4c13.2 13.2 13.2 34.7 0 48l-24 24l71.4 71.4c-6.1-6.1-9.7-14.8-9.9-24v-82z"/><path fill="#801434" d="m104 149.8l24 24l24-24c13.2-13.2 13.2-34.7 0-48c-13.2-13.2-34.7-13.2-48 0c-13.2 13.3-13.2 34.7 0 48"/><path fill="#d02f28" d="m67.8 138l-46.2 46.2c-6.8 6.8-15.7 13.5-19.1 22.9c-4.4 10.9-2.8 23.6 4.3 33.1c7 9.4 19.4 15.2 31.2 13.4c11.4-1.8 21.4-8.3 26.5-18.9c2.6-5.4 3.6-10.8 3.4-17v-33.2c-.1-15.6-.1-31-.1-46.5"/><path fill="#263d81" d="M188.2 138v65.4c0 9.6-1.2 20.4 2.5 29.4c4.3 10.4 14.1 18.7 25.3 20.5c11.9 1.8 24-2.1 31.8-11.4c7.6-9 9.9-21.6 6.4-32.8c-1.8-5.8-5.3-10.5-9.8-14.8l-23.5-23.5C210 159.9 199.1 149 188.2 138"/><path fill="#f99d22" d="M67.8 138V33.9C67.8 15.2 52.6 0 33.9 0S0 15.2 0 33.9v186c0-8.7 3.3-17.4 9.9-24z"/><path fill="#fff" d="M138.1 115.8c-5.5-5.5-14.6-5.5-20.1 0s-5.5 14.6 0 20.1s14.6 5.5 20.1 0s5.4-14.7 0-20.1"/><circle cx="33.9" cy="33.9" r="14.2" fill="#fff"/><circle cx="222.1" cy="33.9" r="14.2" fill="#fff"/><circle cx="33.9" cy="219.9" r="14.2" fill="#fff"/><circle cx="222.1" cy="219.9" r="14.2" fill="#fff"/></svg>Comment utiliser l'icône Webplatform
React
import { Icon } from "@iconify/react";
<Icon icon="logos:webplatform" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:webplatform" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:webplatform" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--webplatform]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:webplatform"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:webplatform"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/logos/webplatform.svg" alt="Icône Webplatform" width="24" height="24">L'icône Webplatform dans d'autres collections
FAQ : Icône Webplatform
L'icône Webplatform est-elle gratuite pour un usage commercial ?
Oui. Les SVG Logos icons sont publiées sous la licence CC0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Webplatform dans React ?
Installez @iconify/react et affichez <Icon icon="logos:webplatform" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Webplatform à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/logos/webplatform.svg" alt="Icône Webplatform">, ou collez le code SVG directement dans la page pour le styliser en CSS.