Jcore アイコン
whh:jcore
Jcore アイコン(whh:jcore)は、WebHostingHub Glyphs セットの無料 SVG アイコンです(作者: WebHostingHub)。 1026 × 640 のグリッドで描かれています。 WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- WebHostingHub Glyphs
- 作者
- WebHostingHub
- ライセンス
- OFL-1.1
- サイズ
- 1026 × 640
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1026" height="640" viewBox="0 0 1026 640"><path fill="currentColor" d="M1016 64L899 281q4 17 11 27t13 11l6 1q13 0 22.5 9.5T961 352t-9.5 22.5T929 384q-2 0-7 .5t-19.5 4.5t-28.5 10.5t-33 21t-35 34.5l-65 121q-14 27-43 45.5T643 640H39q-26 0-35-18.5t6-45.5l117-218q-4-16-11-26t-13-11l-6-1q-13 0-22.5-9.5T65 288t9.5-22.5T97 256q3 0 7.5-.5t18.5-4t28-10t33-21t35-34.5l66-122q14-27 43-45.5T383 0h604q26 0 35 18.5t-6 45.5M385 448q-11 23-22.5 37t-25 19.5T315 511t-26 1v64h66q44 0 88-37.5t74-90.5l139-256H526zM595 64l-34 64h130l34-64z"/></svg>Jcore アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="whh:jcore" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:jcore" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:jcore" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--jcore]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:jcore"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:jcore"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/whh/jcore.svg" alt="Jcore アイコン" width="24" height="24">Jcore アイコン のよくある質問
Jcore アイコンは商用利用でも無料ですか?
はい。WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Jcore アイコンを使うには?
@iconify/react をインストールして <Icon icon="whh:jcore" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Jcore アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/whh/jcore.svg" alt="Jcore アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。