ICONYZ
日本語
WebHostingHub Glyphs の Jcore アイコン

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 コード

<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 コードをページに直接貼り付けます。

WebHostingHub Glyphs アイコン をすべて見る →