Hershey アイコン
thesvg-color:hershey
Hershey アイコン(thesvg-color:hershey)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 188 × 50 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 188 × 50
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="188" height="50" viewBox="0 0 188 50"><g fill="#43141a" fill-rule="evenodd"><path d="M154.852 44.752a4.238 4.238 0 1 1 8.475 0a4.238 4.238 0 0 1-8.475 0m4.239 4.852a4.853 4.853 0 1 0 0-9.707a4.853 4.853 0 0 0 0 9.707"/><path d="M157.956 42.552h1.538c.695 0 1.427.112 1.427.938c0 .92-.77.976-1.502.976h-1.463zm3.64.975c0-1.07-.77-1.444-1.934-1.444h-2.344v5.403h.637V44.99h1.238l1.539 2.496h.788l-1.651-2.496c.957-.037 1.727-.432 1.727-1.463m3.546-42.347l-2.59 10.713h-5.008l2.662-10.713zm-21.727 47.807V29.68l-6.266-28.5h7.936l3.528 20.376l3.864-20.377h4.934l-6.284 28.501v19.306zm36.173-14.39v5.234c0 3.36-1.444 3.116-2.645 3.116c-1.482 0-2.702 0-2.702-3.06l-.056-7.467H167v8.988c0 8.387 4.522 7.543 9.814 7.543c4.258 0 10.355.844 10.355-7.731v-9.287c0-2.627-1.37-4.558-3.526-6.716c0 0-2.403-2.046-6.492-6.136c-2.758-2.72-3.36-4.728-3.36-6.585V8.575c0-3.34 1.428-3.077 2.628-3.077c1.464 0 2.722 0 2.722 3.058l.037 6.004h7.204V7.956c0-8.386-4.52-7.523-9.83-7.523c-4.24 0-10.338-.863-10.338 7.692v7.036c0 2.609 1.876 5.423 6.342 9.644c-.002-.003 7.033 4.594 7.033 9.792m-96.512 0v5.234c0 3.36-1.426 3.116-2.627 3.116c-1.464 0-2.721 0-2.721-3.06l-.02-7.467h-7.204v8.988c0 8.387 4.503 7.543 9.831 7.543c4.241 0 10.357.844 10.357-7.731v-9.287c0-2.627-1.388-4.558-3.526-6.716c0 0-2.402-2.046-6.51-6.136c-2.777-2.72-3.341-4.728-3.341-6.585V8.575c0-3.34 1.425-3.077 2.627-3.077c1.464 0 2.72 0 2.72 3.058l.038 6.004h7.204V7.956c0-8.386-4.521-7.523-9.85-7.523c-4.24 0-10.338-.863-10.338 7.692v7.036c0 2.609 1.876 5.423 6.36 9.644c.002-.003 7 4.594 7 9.792M52.963 6.096h1.65c2.853 0 2.533 3.283 2.533 6.623c0 0 .32 6.53-2.533 6.53h-1.65Zm-8.012 42.89h8.012v-23.34h1.426c2.57 0 2.74 1.22 2.74 3.96v10.338c0 3.188.206 7.486 1.069 9.044h7.936c-.881-1.558-.788-5.855-.788-9.044V31.5c0-4.729.168-8.33-4.39-9.156c3.453-.526 4.728-2.064 4.728-9.588c0-10.075-1.707-11.576-10.263-11.576H44.952zm89.515-29.831v6.49h-8.255v16.456h9.811v6.886H118.5V1.18h17.129v6.342h-9.418v11.633zm-94.187 0v6.49h-8.255v16.456h9.794v6.886H24.294V1.18h17.168v6.342h-9.438v11.633zM114.147 1.18v47.807h-7.713V25.646h-4.445v23.34h-7.73V1.18h7.73v17.9h4.445V1.18zm-93.268 0v47.807h-7.711V25.646H8.722v23.34H1.029V1.18h7.693v17.9h4.446V1.18z"/></g></svg>Hershey アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:hershey" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:hershey" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:hershey" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--hershey]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:hershey"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:hershey"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/hershey.svg" alt="Hershey アイコン" width="24" height="24">Hershey アイコン のよくある質問
Hershey アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hershey アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:hershey" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hershey アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/hershey.svg" alt="Hershey アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。