Princeton icon

thesvg-color:princeton

The Princeton icon (thesvg-color:princeton) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 90 × 103 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: theSVG Color
Author: thesvg.org
License: MIT
Size: 90 × 103

Download SVG

SVG code

<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>

How to use the Princeton icon

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>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/princeton.svg" alt="Princeton icon" width="24" height="24">

Princeton icon FAQ

Is the Princeton icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Princeton icon in React?

Install @iconify/react and render <Icon icon="thesvg-color:princeton" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Princeton icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/princeton.svg" alt="Princeton icon">, or paste the SVG code inline to style it with CSS.

Browse all theSVG Color icons →