Ownfoil アイコン
selfhst:ownfoil
Ownfoil アイコン(selfhst:ownfoil)は、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="#01ffe1" d="M174.4 154.3c0 26.6-21.2 48.2-47.4 48.2s-47.4-21.6-47.4-48.2s21.2-48.2 47.4-48.2s47.4 21.6 47.4 48.2M512 131v250.5c-.3 71-57.3 130.5-127 130.5h-86V.2h41.3l24.2-.2H385c69.9 0 127 59.8 127 131m-62.1 150.9c0-28.8-22.6-51.8-50.9-51.8s-50.9 23-50.9 51.8s22.6 51.8 50.9 51.8s50.9-23 50.9-51.8M147.5.2h98.2V512H127C57.1 512 0 452.2 0 381V130.5C.3 59.5 57.3 0 127 0h20.5zm0 42.1h-18.9v-.1c-65 6.6-84.7 45.9-87.2 99.5V371c2.7 53.6 22.8 92.8 88.6 98.9h74.4V42.3z"/></svg>Ownfoil アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:ownfoil" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:ownfoil" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:ownfoil" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--ownfoil]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:ownfoil"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:ownfoil"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/ownfoil.svg" alt="Ownfoil アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Ownfoil アイコン のよくある質問
Ownfoil アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Ownfoil アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:ownfoil" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ownfoil アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/ownfoil.svg" alt="Ownfoil アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。