Harvard アイコン

Q: Harvard アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

thesvg-color:harvard

Harvard アイコン(thesvg-color:harvard)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 1400 × 452 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 1400 × 452

SVG をダウンロード

SVG コード

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

Harvard アイコンの使い方

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 コンポーネント

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

<img src="https://iconyz.com/api/public/svg/thesvg-color/harvard.svg" alt="Harvard アイコン" width="24" height="24">

Harvard アイコンのよくある質問

Harvard アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Harvard アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg-color:harvard" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Harvard アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/harvard.svg" alt="Harvard アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG Color アイコンをすべて見る →