Red Hat Lightspeed アイコン

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

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

selfhst:red-hat-lightspeed

Red Hat Lightspeed アイコン(selfhst:red-hat-lightspeed)は、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
タグ: redhat、hatlightspeed、redhatlightspeed

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M384 0H128C57.3 0 0 57.3 0 128v256c0 70.7 57.3 128 128 128h256c70.7 0 128-57.3 128-128V128C512 57.3 454.7 0 384 0"/><path fill="#e0e0e0" d="M384 17.8c60.8 0 110.2 49.4 110.2 110.2v256c0 60.8-49.4 110.2-110.2 110.2H128c-60.8 0-110.2-49.4-110.2-110.2V128C17.8 67.2 67.2 17.8 128 17.8zM384 0H128C57.3 0 0 57.3 0 128v256c0 70.7 57.3 128 128 128h256c70.7 0 128-57.3 128-128V128C512 57.3 454.7 0 384 0"/><path fill="#e00" d="M270.2 208c-4.9 0-8.9-4-8.9-8.9V99.6c0-4.9 4-8.9 8.9-8.9s8.9 4 8.9 8.9v99.6c0 4.8-4 8.8-8.9 8.8m-56.9 56.9h-99.6c-4.9 0-8.9-4-8.9-8.9s4-8.9 8.9-8.9h99.6c4.9 0 8.9 4 8.9 8.9s-4 8.9-8.9 8.9m56.9 156.4c-4.9 0-8.9-4-8.9-8.9v-99.6c0-4.9 4-8.9 8.9-8.9s8.9 4 8.9 8.9v99.6c0 4.9-4 8.9-8.9 8.9m-36.6-241.7c-4.1 0-7.8-2.9-8.7-7l-6-28.4c-1-4.8 2-9.5 6.8-10.5c4.8-1.1 9.5 2 10.5 6.8l6 28.4c1 4.8-2 9.5-6.8 10.5c-.6.1-1.2.2-1.8.2m-48.7 48.7c-.6 0-1.2-.1-1.9-.2l-28.4-6c-4.8-1-7.9-5.7-6.8-10.5c1-4.8 5.7-7.9 10.5-6.8l28.4 6c4.8 1 7.9 5.7 6.8 10.5c-.8 4.1-4.5 7-8.6 7m42.7 150.4c-.6 0-1.2-.1-1.9-.2c-4.8-1-7.9-5.7-6.8-10.5l6-28.4c1-4.8 5.7-7.9 10.5-6.8c4.8 1 7.9 5.7 6.8 10.5l-6 28.4c-.8 4.1-4.5 7-8.6 7m-71.2-71.1c-4.1 0-7.8-2.9-8.7-7c-1-4.8 2-9.5 6.8-10.5l28.4-6c4.8-1.1 9.5 2 10.5 6.8s-2 9.5-6.8 10.5l-28.4 6c-.5.1-1.2.2-1.8.2"/><path d="M420.6 259.4q.6-1.5.6-3c0-.1.1-.3.1-.4s-.1-.3-.1-.4q0-1.5-.6-3c-.3-.7-.8-1.2-1.2-1.8c-.3-.3-.4-.8-.7-1.1l-28.4-28.4c-3.5-3.5-9.1-3.5-12.6 0s-3.5 9.1 0 12.6l13.3 13.3H256c-4.9 0-8.9 4-8.9 8.9s4 8.9 8.9 8.9h135l-13.3 13.3c-3.5 3.5-3.5 9.1 0 12.6c1.7 1.7 4 2.6 6.3 2.6s4.6-.9 6.3-2.6l28.4-28.4c.3-.3.4-.7.7-1.1c.5-.8 1-1.3 1.2-2m-193-37.2c-2.3 0-4.6-.9-6.3-2.6l-56.9-56.9c-3.5-3.5-3.5-9.1 0-12.6s9.1-3.5 12.6 0l56.9 56.9c3.5 3.5 3.5 9.1 0 12.6c-1.8 1.8-4.1 2.6-6.3 2.6m-56.9 142.2c-2.3 0-4.6-.9-6.3-2.6c-3.5-3.5-3.5-9.1 0-12.6l56.9-56.9c3.5-3.5 9.1-3.5 12.6 0s3.5 9.1 0 12.6L177 361.8c-1.8 1.8-4.1 2.6-6.3 2.6m-56.9-156.3c-2.3 0-4.6-1-6.3-2.7c-.8-.8-1.4-1.7-2-2.8c-.4-1.1-.7-2.3-.7-3.4c0-2.3 1-4.6 2.7-6.3c3.3-3.3 9.2-3.4 12.5 0c1.7 1.7 2.7 4 2.7 6.3c0 1.1-.3 2.3-.7 3.4s-1.1 2-2 2.8c-1.7 1.7-3.9 2.7-6.2 2.7m0 113.7c-2.3 0-4.6-1-6.3-2.7c-1.7-1.6-2.7-4-2.7-6.2s1-4.6 2.7-6.3c3.3-3.3 9.1-3.4 12.5 0c1.7 1.7 2.7 4 2.7 6.3s-1 4.7-2.7 6.2c-1.7 1.7-3.9 2.7-6.2 2.7"/></svg>

Red Hat Lightspeed アイコンの使い方

React

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

<Icon icon="selfhst:red-hat-lightspeed" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:red-hat-lightspeed" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:red-hat-lightspeed" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--red-hat-lightspeed]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:red-hat-lightspeed"></div>

Web コンポーネント

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

<iconify-icon icon="selfhst:red-hat-lightspeed"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/red-hat-lightspeed.svg" alt="Red Hat Lightspeed アイコン" width="24" height="24">

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

Red Hat Lightspeed アイコンのよくある質問

Red Hat Lightspeed アイコンは商用利用でも無料ですか?

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

React で Red Hat Lightspeed アイコンを使うには?

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

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

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

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