Hyvor Relay アイコン

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

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:hyvor-relay

Hyvor Relay アイコン(selfhst:hyvor-relay)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512
タグ: hyvorrelay

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#f0f5ff" fill-rule="evenodd" d="m243.8 13.8l19.4-.2c81.7-.8 148.1 64.3 149 146l2 189.8c.9 81.7-64.2 148.1-145.9 148.9l-19.4.2c-81.7.8-148.1-64.3-149-146l-2-189.8C97 81 162.1 14.6 243.8 13.8"/><path fill="#5772ae" fill-rule="evenodd" d="m413.1 254.4l.9 89.6c.9 84.6-68.5 153.4-155.5 154.3S100.7 431.7 99.8 347.1l-.9-89.6z"/><path fill-rule="evenodd" d="M427.6 345v-1.1l-1.1-103.2l-.9-81.3C424.8 70.5 352-.9 263 0l-19.4.2c-89 .9-160.3 73.6-159.3 162.6l2 189.8C87.2 441.5 160 512.9 249 512l19.4-.2c89-.9 160.3-73.6 159.3-162.6zm-27.1.2c.3 76.7-62.5 138.8-142.1 139.6c-80 .8-144.2-60.6-145-137.7l-.8-76.1l287.1-2.8zM243.9 27.3l19.4-.2c74.4-.7 134.5 58.2 135.3 132.6l.9 81.3l-287.1 2.8l-.9-81.3c-.8-74.4 58-134.5 132.4-135.2m-45.2 63.6c-10.3 0-19.7 2.4-27.5 7.2s-14.7 13-14.7 23.6c0 7 5.6 12.6 12.6 12.6s12.6-5.6 12.6-12.6c0 .6-.3-.3 2.7-2.1c2.9-1.8 8.3-3.5 14.4-3.5s11.5 1.7 14.4 3.5s2.7 2.6 2.7 2.1c0 7 5.6 12.6 12.6 12.6s12.6-5.6 12.6-12.6c0-10.6-6.9-18.8-14.7-23.6c-8-4.8-17.4-7.2-27.7-7.2m114.6 0c-10.3 0-19.7 2.4-27.5 7.2s-14.7 13-14.7 23.6c0 7 5.6 12.6 12.6 12.6s12.6-5.6 12.6-12.6c0 .6-.3-.3 2.7-2.1c2.9-1.8 8.3-3.5 14.4-3.5s11.5 1.7 14.4 3.5s2.7 2.6 2.7 2.1c0 7 5.6 12.6 12.6 12.6s12.6-5.6 12.6-12.6c0-10.6-6.9-18.8-14.7-23.6c-8-4.8-17.5-7.2-27.7-7.2m-87.9 80.4c-7 0-12.6 5.6-12.6 12.6c0 10.6 6.9 18.8 14.7 23.6s17.3 7.2 27.5 7.2c10.3 0 19.7-2.4 27.5-7.2s14.7-13 14.7-23.6c0-7-5.6-12.6-12.6-12.6s-12.6 5.6-12.6 12.6c0-.6.3.3-2.7 2.1c-2.9 1.8-8.3 3.5-14.4 3.5s-11.5-1.7-14.4-3.5s-2.7-2.6-2.7-2.1c.2-7-5.4-12.6-12.4-12.6"/></svg>

Hyvor Relay アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="selfhst:hyvor-relay" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="selfhst:hyvor-relay" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="selfhst:hyvor-relay" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--hyvor-relay]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:hyvor-relay"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="selfhst:hyvor-relay"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/hyvor-relay.svg" alt="Hyvor Relay アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

Hyvor Relay アイコンのよくある質問

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

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

selfh.st/icons をすべて見る →