Icône 500px
jam:500px
L'icône 500px (jam:500px) est une icône SVG gratuite de la collection Jam Icons par Michael Amprimo. Elle est dessinée sur une grille de 24 × 24. Les Jam 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
- Jam Icons
- Auteur
- Michael Amprimo
- Licence
- MIT
- Taille
- 24 × 24
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.991 17.692c3.68 0 6.673-2.972 6.673-6.625S12.67 4.441 8.991 4.441a6.7 6.7 0 0 0-4.798 2.02v-5.34h9.178a.563.563 0 0 0 .564-.56a.56.56 0 0 0-.564-.561H3.628a.563.563 0 0 0-.564.56v7.453l-.007.136a.566.566 0 0 0 1.06.294a5.55 5.55 0 0 1 4.874-2.88c3.057 0 5.543 2.468 5.543 5.503s-2.486 5.504-5.543 5.504a5.56 5.56 0 0 1-2.844-.787v-4.716c0-1.558 1.276-2.825 2.844-2.825a2.837 2.837 0 0 1 2.844 2.825c0 1.557-1.275 2.824-2.844 2.824a2.8 2.8 0 0 1-1.095-.217a.566.566 0 0 0-.738.302a.56.56 0 0 0 .303.733c.486.201 1 .303 1.53.303c2.191 0 3.974-1.77 3.974-3.945c0-2.176-1.783-3.946-3.974-3.946c-2.19 0-3.973 1.77-3.973 3.946v3.832a5.46 5.46 0 0 1-1.37-2.366a.565.565 0 0 0-1.09.298c.795 2.862 3.44 4.861 6.433 4.861"/><path d="M5.598 2.833a.56.56 0 0 0-.287.74c.127.283.46.41.745.285c1.77-.78 5.248-1.596 8.647 1.715a.565.565 0 0 0 .8-.008a.56.56 0 0 0-.009-.793c-4.02-3.915-8.26-2.66-9.896-1.939M15.695 16.13a.567.567 0 0 0-.797.056a7.85 7.85 0 0 1-5.907 2.674c-3.98 0-7.322-2.957-7.773-6.878a.564.564 0 0 0-.625-.493a.56.56 0 0 0-.497.62c.516 4.488 4.34 7.873 8.895 7.873a8.98 8.98 0 0 0 6.76-3.06a.56.56 0 0 0-.056-.791zm-8.141-3.704a.565.565 0 0 0 .799.006l.58-.568l.572.575a.565.565 0 0 0 .798.006a.56.56 0 0 0 .006-.793l-.572-.576l.559-.547a.56.56 0 0 0 .005-.793a.567.567 0 0 0-.798-.006l-.559.548l-.551-.555a.567.567 0 0 0-.799-.006a.56.56 0 0 0-.005.793l.55.555l-.579.568a.56.56 0 0 0-.006.793"/></g></svg>
Comment utiliser l'icône 500px
React
import { Icon } from "@iconify/react";
<Icon icon="jam:500px" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="jam:500px" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="jam:500px" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[jam--500px]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/jam -->
<div class="i-jam:500px"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="jam:500px"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/jam/500px.svg" alt="Icône 500px" width="24" height="24">
L'icône 500px dans d'autres collections
FAQ : Icône 500px
L'icône 500px est-elle gratuite pour un usage commercial ?
Oui. Les Jam Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône 500px dans React ?
Installez @iconify/react et affichez <Icon icon="jam:500px" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône 500px à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/jam/500px.svg" alt="Icône 500px">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Jam Icons →
ICONYZ
