Icône Princeton
thesvg-color:princeton
L'icône Princeton (thesvg-color:princeton) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 90 × 103. Les theSVG Color 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
- theSVG Color
- Auteur
- thesvg.org
- Licence
- MIT
- Taille
- 90 × 103
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="90" height="103" viewBox="0 0 90 103"><path fill="#fff" d="M.373.623v22.951h10.926v55.703H.373v22.939H52.32V79.277H41.394V63.384h11.283c10.272 0 19.533-3.113 26.072-8.77c6.557-5.667 10.164-13.698 10.164-22.61s-3.607-16.942-10.164-22.61C72.211 3.742 62.95.627 52.678.627H.373zm4.031 3.578h48.274c18.962 0 32.205 11.431 32.205 27.803S71.639 59.81 52.677 59.81H37.36v23.047h10.93v15.787H4.404V82.856h10.93V20H4.404V4.202zm32.957 15.797V44.1h11.422c9.801 0 16.135-4.73 16.135-12.049c0-7.323-6.334-12.053-16.135-12.053zm4.033 3.576h7.39c7.578 0 12.101 3.168 12.101 8.477c0 5.306-4.523 8.474-12.102 8.474h-7.389z"/><path d="M2.389 2.412v10.44c13.646 7.755 26.628 18.181 36.992 27.544V29.267C29.46 18.225 18.833 9.122 10.434 2.412zm20.87 0c6.802 5.656 13.989 12.242 21.108 19.375h4.416c8.84 0 14.117 4.026 14.117 10.264c0 2.66-.963 4.914-2.75 6.629c4.91 5.623 9.603 11.38 13.9 17.121c4.29-2.783 7.66-6.475 9.87-10.863C70.015 25.884 51.663 12.087 34.73 2.412zm34.442 2.315c15.815 15.12 23.749 28.062 27.693 36.692c.984-2.912 1.504-6.066 1.504-9.415q0-1.208-.088-2.382C71.842 11.126 57.7 4.726 57.7 4.726zM16.848 32.144A677 677 0 0 1 40.123 61.6h8.248C31.953 45.017 16.848 32.145 16.848 32.145m33.094 10.142q-.569.024-1.159.025h-7.302C50.289 50.418 56.959 57.5 60.153 61q.471-.075.935-.163c-3.12-6.54-6.936-12.741-11.146-18.553zm-36.625.136V55.53c8.1 7.459 16.342 16.124 24.527 26.166c0 0-8.366-19.499-24.527-39.273m0 27.76v5.54c8.634 9.074 14.96 17.107 19.9 24.712h13.686c-11.897-12.539-23.851-22.73-33.587-30.253zM2.387 81.065v7.301a209 209 0 0 1 12.006 12.068h4.068c-2.945-5.303-7.151-12.073-12.797-19.37z"/><path fill="#ff6000" d="M10.434 2.412c8.4 6.71 19.027 15.813 28.947 26.855v-7.48h4.986c-7.119-7.133-14.305-13.72-21.105-19.375zm24.299 0c16.932 9.676 35.282 23.472 49.189 42.525a27 27 0 0 0 1.473-3.52C81.45 32.79 73.515 19.848 57.7 4.727c0 0 14.14 6.399 29.109 24.895C85.585 13.48 71.893 2.41 52.678 2.41zM2.387 12.852v8.938h10.928v20.632c16.161 19.774 24.529 39.273 24.529 39.273c-8.186-10.042-16.43-18.709-24.53-26.168v14.655c9.737 7.523 21.691 17.714 33.588 30.252h3.402v-19.37H39.38V61.599h.742a677 677 0 0 0-23.275-29.453S31.953 45.017 48.37 61.598h4.307c2.599 0 5.095-.206 7.475-.596c-3.194-3.501-9.864-10.583-18.673-18.69h-2.1v-1.914c-10.363-9.363-23.347-19.79-36.993-27.545zM60.152 38.68c-2.216 2.127-5.705 3.418-10.211 3.606c4.21 5.811 8.024 12.012 11.145 18.553c4.898-.917 9.272-2.64 12.965-5.037c-4.297-5.742-8.988-11.499-13.898-17.121zM13.316 75.721v5.344H5.664c5.646 7.297 9.852 14.066 12.797 19.369h14.756c-4.941-7.605-11.266-15.64-19.901-24.713M2.386 88.366v12.068h12.006A209 209 0 0 0 2.387 88.365z"/></svg>Comment utiliser l'icône Princeton
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:princeton" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:princeton" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:princeton" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--princeton]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:princeton"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:princeton"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/princeton.svg" alt="Icône Princeton" width="24" height="24">FAQ : Icône Princeton
L'icône Princeton est-elle gratuite pour un usage commercial ?
Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Princeton dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:princeton" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Princeton à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/princeton.svg" alt="Icône Princeton">, ou collez le code SVG directement dans la page pour le styliser en CSS.