Pfsense アイコン

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

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

selfhst:pfsense

Pfsense アイコン(selfhst:pfsense)は、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="#fff" d="M465 512H47c-26 0-47-21-47-47V47C0 21 21 0 47 0h418c26 0 47 21 47 47v418c0 26-21 47-47 47"/><path fill="#1a1a1a" d="M148 361.4c19.2 0 35.7-5.9 49.5-17.2c13.9-11.2 23.8-26.4 29.1-44.9s4-33.7-3.3-44.9s-21.1-17.2-40.3-17.2s-35.7 5.9-49.5 17.2c-13.9 11.2-23.1 26.4-28.4 44.9s-4.6 33.7 3.3 44.9c6.6 11.9 19.8 17.2 39.6 17.2m163.8-124.2l17.2-60.8h30.4l11.9-43.6c4-13.2 8.6-26.4 14.5-38.3c5.3-11.9 13.2-22.5 22.5-31.7c9.2-9.2 21.1-16.5 35-21.8s31.7-8 52.2-8c5.3 0 9.9 0 15.2.7c-4.6-19.2-21.8-33-41.6-33.7H42.9C19.2 0 0 19.8 0 43.6v379.2l69.4-246.4h70l-9.2 32.4h1.3c4-4.6 9.2-8.6 15.9-13.2c6.6-4.6 13.2-8.6 20.5-12.6s15.2-6.6 23.8-9.2s17.2-3.3 25.8-3.3c18.5 0 33.7 3.3 46.9 9.2s23.1 15.2 31.1 26.4c6.6 9.9 10.6 21.8 12.6 35.7l5.3-4h-1.3v-.6zM506.7 98.4c-3.3-.7-7.3-1.3-11.9-1.3c-11.9 0-21.8 2.6-29.7 7.9c-7.3 5.3-13.9 15.9-18.5 32.4l-11.2 39h42.9l10.6 33.7l-27.7 27.1h-42.9l-52.2 185h-75.3l52.2-185h-29.1l-5.9 4c0 1.3.7 3.3.7 4.6c1.3 15.2-.7 32.4-5.9 50.9c-4.6 17.2-11.9 33.7-21.8 49.5s-21.1 29.7-33.7 41.6c-13.2 11.9-27.7 21.8-43.6 29.1s-32.4 10.6-50.2 10.6c-15.9 0-29.7-2.6-42.3-7.3c-12.6-4.6-21.1-13.2-26.4-25.1h-1.3L50.2 512h418.2c23.8 0 43.6-19.2 43.6-43.6v-368c-2-.6-4-1.3-5.3-2"/></svg>

Pfsense アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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

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