Harvard icon
thesvg-color:harvard
The Harvard icon (thesvg-color:harvard) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 1400 × 452 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
- 1400 × 452
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1400" height="452" viewBox="0 0 1400 452"><path d="M401.01 14.832v422.68q0 6.186-4.336 10.511c-4.336 4.325-6.394 4.32-10.52 4.32h-92.82c-4.54 0-8.158-1.437-10.836-4.32c-2.679-2.876-4.018-6.38-4.018-10.496v-132.13c0-4.117-1.446-7.613-4.329-10.496c-2.883-2.876-6.38-4.32-10.496-4.32h-127.27c-4.533 0-8.135 1.445-10.814 4.32c-2.679 2.883-4.01 6.38-4.01 10.496v132.13c0 4.117-1.446 7.62-4.322 10.496c-2.883 2.883-6.379 4.32-10.488 4.32H14.808c-4.525 0-8.127-1.437-10.799-4.32C1.331 445.14 0 441.636 0 437.512V14.832c0-4.117 1.332-7.62 4.01-10.503C6.681 1.446 10.283 0 14.81 0h91.942c4.11 0 7.606 1.446 10.488 4.321c2.876 2.876 4.321 6.372 4.321 10.481v146.2c0 4.117 1.332 7.613 4.011 10.488q4.016 4.314 10.814 4.314h127.27c4.117 0 7.613-1.438 10.496-4.314c2.883-2.875 4.329-6.371 4.329-10.488v-146.2c0-4.109 1.339-7.605 4.018-10.48S288.794 0 293.334 0h92.82q6.186.002 10.52 4.328c4.334 4.326 4.336 6.387 4.336 10.503zM645.38 129.51v25.759c0 4.094 1.438 7.575 4.329 10.435q4.326 4.29 10.503 4.29h166.86c4.116 0 7.612 1.446 10.496 4.33q4.326 4.335 4.328 10.51v86.555q-.002 6.186-4.329 10.511c-2.883 2.89-6.379 4.329-10.496 4.329h-166.86c-4.116 0-7.62 1.445-10.503 4.32c-2.89 2.884-4.328 6.387-4.328 10.504v136.47q0 6.188-4.313 10.503c-2.876 2.883-6.365 4.32-10.466 4.32h-92.972c-4.11 0-7.598-1.437-10.473-4.32s-4.306-6.387-4.306-10.511V14.835c0-4.117 1.43-7.62 4.306-10.503q4.31-4.327 10.473-4.329h314.16c4.116 0 7.62 1.453 10.503 4.344q4.326 4.349 4.328 10.549v84.996c0 4.139-1.445 7.658-4.328 10.549q-4.327 4.345-10.503 4.343h-191.57c-4.117 0-7.62 1.438-10.503 4.298c-2.891 2.861-4.329 6.342-4.329 10.428zM1090.6 14.083c1.65-3.708 4.427-6.901 8.347-9.58q5.868-4.018 12.668-4.018h86.517c4.116 0 8.127 1.339 12.047 4.018q5.87 4.018 8.347 9.58l180.45 420.33c1.642 3.708 1.331 7.628-.931 11.744q-3.403 6.185-13.288 6.183h-105.67q-6.808.001-12.675-4.026q-5.867-4.02-8.952-9.603l-16.686-37.156q-3.099-5.574-8.968-9.603c-3.912-2.679-7.93-4.026-12.047-4.026h-130.39c-4.532 0-8.755 1.347-12.668 4.026c-3.92 2.686-6.697 5.887-8.346 9.603l-17.3 37.156q-2.477 5.584-8.346 9.603q-5.87 4.027-12.047 4.026h-106.29q-3.088.001-6.493-1.234c-2.263-.825-4.117-2.058-5.562-3.708c-1.438-1.65-2.369-3.708-2.785-6.183c-.4-2.466.212-5.357 1.862-8.656l179.21-418.48zm36.459 268.75h55.007c4.117 0 7.098-1.34 8.952-4.018q2.783-4.019-.302-9.58c-4.125-10.292-9.066-22.346-14.832-36.15s-11.124-26.674-16.065-38.623c-1.65-3.708-3.512-5.562-5.57-5.562s-3.912 1.854-5.554 5.562l-30.905 74.773q-2.475 5.561 0 9.58c2.475 4.019 4.737 4.018 9.27 4.018z"/></svg>How to use the Harvard icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:harvard" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:harvard" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:harvard" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--harvard]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:harvard"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:harvard"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/harvard.svg" alt="Harvard icon" width="24" height="24">Harvard icon FAQ
Is the Harvard 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 Harvard icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:harvard" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Harvard icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/harvard.svg" alt="Harvard icon">, or paste the SVG code inline to style it with CSS.