Icône Swagger
simple-icons:swagger
L'icône Swagger (simple-icons:swagger) 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
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.383 0 0 5.383 0 12s5.383 12 12 12c6.616 0 12-5.383 12-12S18.616 0 12 0m0 1.144c5.995 0 10.856 4.86 10.856 10.856S17.996 22.856 12 22.856S1.144 17.996 1.144 12S6.004 1.144 12 1.144M8.37 5.868a7 7 0 0 0-.423.005c-.983.056-1.573.517-1.735 1.472c-.115.665-.096 1.348-.143 2.017q-.018.526-.115 1.038c-.134.609-.397.798-1.016.83a3 3 0 0 0-.244.042v1.463c1.126.055 1.278.452 1.37 1.629c.033.429-.013.858.015 1.287c.018.406.073.808.156 1.2c.259 1.075 1.307 1.435 2.575 1.218v-1.283c-.203 0-.383.005-.558 0c-.43-.013-.591-.12-.632-.535c-.056-.535-.042-1.08-.075-1.62c-.064-1.001-.175-1.988-1.153-2.625c.503-.37.868-.812.983-1.398c.083-.41.134-.821.166-1.237c.028-.415-.023-.84.014-1.25c.06-.665.102-.937.9-.91c.12 0 .235-.017.369-.027v-1.31q-.239-.001-.454-.006m7.593.009a4.3 4.3 0 0 0-.813.06v1.274c.245 0 .434 0 .623.005c.328.004.577.13.61.494c.032.332.031.669.064 1.006c.065.669.101 1.347.217 2.007c.102.544.475.95.941 1.283c-.817.549-1.057 1.333-1.098 2.215c-.023.604-.037 1.213-.069 1.822c-.028.554-.222.734-.78.748c-.157.004-.31.018-.484.028v1.305c.327 0 .627.019.927 0c.932-.055 1.495-.507 1.68-1.412q.117-.748.138-1.504c.032-.461.028-.927.074-1.384c.069-.715.397-1.01 1.112-1.057a1 1 0 0 0 .199-.046v-1.463c-.12-.014-.204-.027-.291-.032c-.536-.023-.804-.203-.937-.71a5 5 0 0 1-.152-.993c-.037-.618-.033-1.241-.074-1.86c-.08-1.192-.794-1.753-1.887-1.786m-6.89 5.28a.844.844 0 0 0-.083 1.684h.055a.83.83 0 0 0 .877-.78v-.046a.845.845 0 0 0-.83-.858zm2.911 0a.81.81 0 0 0-.834.78c0 .027 0 .05.004.078c0 .503.342.826.859.826c.507 0 .826-.332.826-.853c-.005-.503-.342-.836-.855-.831m2.963 0a.86.86 0 0 0-.876.835c0 .47.378.849.849.849h.009c.425.074.853-.337.881-.83c.023-.457-.392-.854-.863-.854"/></svg>
Comment utiliser l'icône Swagger
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:swagger" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:swagger" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:swagger" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--swagger]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:swagger"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:swagger"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/simple-icons/swagger.svg" alt="Icône Swagger" width="24" height="24">
L'icône Swagger dans d'autres collections
FAQ : Icône Swagger
L'icône Swagger 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 Swagger dans React ?
Installez @iconify/react et affichez <Icon icon="simple-icons:swagger" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Swagger à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/simple-icons/swagger.svg" alt="Icône Swagger">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Simple Icons →
ICONYZ
