Porkbun アイコン
selfhst:porkbun
Porkbun アイコン(selfhst:porkbun)は、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 xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#ed7778" d="M256 0C114.6 0 .4 114.2.4 255.6S114.6 512 256 512s255.6-114.2 255.6-255.6S397.4 0 256 0"/><path fill="#fff" d="M188.7 149.7c-19.7-10.6-41.6-18.9-64.3-24.2c-4.5 9.8-6.8 19.7-6.8 31c0 16.6 5.3 31.8 14.4 43.9c14.3-21.2 33.2-39.3 56.7-50.7M380 200.4c9.1-12.1 14.4-27.2 14.4-43.9c0-11.3-2.3-21.9-6.8-31c-22.7 4.5-44.6 12.9-64.3 24.2c22.7 11.4 42.4 29.5 56.7 50.7m-90 34.8c-4.5 0-8.3 3.8-8.3 8.3c0 1.5.8 3 1.5 4.5c3 4.5 7.6 7.6 12.9 9.1c1.5-3 2.3-6.8 2.3-10.6v-3.8c-.8-4.5-3.8-7.5-8.4-7.5m-39.3-92.3c-74.9 3-133.1 66.6-133.1 141.4v77.9c0 13.6 11.3 25 25 25s25-11.3 25-25v-20.4H343v20.4c0 13.6 11.3 25 25 25c13.6 0 25-11.3 25-25v-81.7c.6-77.8-63.6-140.6-142.3-137.6m78.7 108.9c-4.5 7.6-11.3 12.9-19.7 15.9c-5.3 10.6-16.6 18.2-29.5 18.2h-3.8c-4.5 0-8.3-3.8-8.3-8.3s3.8-8.3 8.3-8.3c3.8 0 7.6-1.5 10.6-3c-4.5-2.3-9.1-5.3-12.1-9.8c-3-3.8-4.5-7.6-4.5-12.9c0-10.6 9.1-19.7 19.7-19.7c6.8 0 12.1 3 15.9 8.3c4.5 6.1 7.6 12.9 7.6 21.2v3c3.8-1.5 6.8-4.5 9.1-7.6c1.5-2.3 3.8-2.3 6.1-1.5c1.3-.8 2.1 2.3.6 4.5"/></svg>Porkbun アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:porkbun" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:porkbun" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:porkbun" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--porkbun]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:porkbun"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:porkbun"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/porkbun.svg" alt="Porkbun アイコン" width="24" height="24">selfh.st/icons の関連アイコン
他のアイコンセットの Porkbun アイコン
Porkbun アイコン のよくある質問
Porkbun アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Porkbun アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:porkbun" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Porkbun アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/porkbun.svg" alt="Porkbun アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。