Piler アイコン
selfhst:piler
Piler アイコン(selfhst:piler)は、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="#ffc" d="M256 0h-10.5v.2C109.2 5.8 0 118.4 0 256c0 100.4 59.3 192 151 233.4q1.5.9 3.3 1.5c32.3 14 66.5 21.1 101.7 21.1c141.2 0 256-114.8 256-256S397.2 0 256 0m0 477.5c-13.1 0-26.2-1.2-39-3.5l152.4-49.6c10.9-3.5 19-10.4 23.6-19.8c5.7-11.7 5.3-26.4-1.1-43.9L297 114.2c-5.8-15.1-16.7-26.2-29.8-30.4c-10.9-3.5-22.1-1.9-31.6 4.5L37.5 219.8C54.9 114.3 146.9 34.5 256 34.5c122.2 0 221.5 99.4 221.5 221.5c0 122.2-99.3 221.5-221.5 221.5M108 352.6l-17.4 50.5C72 382.2 57.5 358.1 48 332zm32.6 11.2l49.9 17.1c4.5 1.6 9.6 1.2 13.7-1s7.3-6 8.6-10.6l12.1-42.8L327 383.3c2.5 1.4 5.5 2.2 8.4 2.2c6.2 0 11.9-3.4 15.1-8.8c2.2-4 2.8-8.7 1.5-13.1s-4.2-8.1-8.2-10.3l-109.3-60.8l37.8-133.9c1.2-4.4.7-9.1-1.5-13.1s-5.9-6.9-10.4-8.2c-9.1-2.5-18.7 2.8-21.2 11.9l-54.5 193.2L37.4 292c-1.6-9.6-2.5-19.3-2.8-28.9l220.1-146.2c.8-.5 1.2-.6 2.1-.3c2.4.8 5.9 4.2 8.1 10l94.7 246.3c3.3 9 3.3 14.6 2.3 16.7c-.2.3-.6 1.2-3.2 2.1L161 456c-15.2-7.2-29.6-16.2-42.9-26.8z"/></svg>Piler アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:piler" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:piler" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:piler" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--piler]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:piler"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:piler"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/piler.svg" alt="Piler アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Piler アイコン のよくある質問
Piler アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Piler アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:piler" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Piler アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/piler.svg" alt="Piler アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。