Graylog アイコン

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

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

selfhst:graylog

Graylog アイコン(selfhst:graylog)は、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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#02c3ff" d="M227.4 1.5c58.9-6.5 120 7.6 169.3 40.8c62.4 40.8 104.8 110.4 112.7 184.6c7.8 65.3-10.9 133.3-51.2 185.3c-39 51.4-98.3 86.8-162.1 96.6c-66.8 10.9-137.7-6-191.8-46.7C49 421.5 11.5 357.6 3 289.5c-8.1-61.2 6.5-125.3 41.2-176.6C85.1 51.4 153.9 9.3 227.4 1.5M221.8 91c-71.1 13.5-128.1 77.8-133 150C81 314 127 388.7 196.4 413.6c70.8 28.2 158.3.5 199.4-63.7c45.2-65.7 34.7-162.5-24.1-216.4c-39.1-37.7-97-53.7-149.9-42.5"/><path fill="#02c3ff" d="M273.3 137.3c6.8 2.6 9.3 9.7 12.5 15.7c13.9 29.2 28.2 58.2 42.3 87.3c14.9.4 29.9-.7 44.7 1.1c14.7 2.5 17.1 25.8 2.3 30.1c-22.1 2.7-44.5.4-66.7 1c-8.4-17.1-16.6-34.3-25.2-51.4c-11.6 40.2-21.8 80.8-32.9 121.2c-3.6 11.5-4.4 25-14.2 33.3c-18.2-34.2-34-69.7-51.6-104.2c-16.5-.6-33.1 1.3-49.4-1.6c-13.4-5.4-12.5-27 1.7-30.6c22.1-2.4 44.4-.4 66.5-.9c8.5 17.4 16.9 34.7 25.3 52c15.3-50.9 26.6-103.2 44.7-153"/></svg>

Graylog アイコンの使い方

React

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

<Icon icon="selfhst:graylog" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:graylog" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:graylog" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="selfhst:graylog"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/graylog.svg" alt="Graylog アイコン" width="24" height="24">

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

他のアイコンセットの Graylog アイコン

Graylog アイコンのよくある質問

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

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

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

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

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

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

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