Pentagon One アイコン
icon-park:pentagon-one
Pentagon One アイコン(icon-park:pentagon-one)は、IconPark セットの無料 SVG アイコンです(作者: ByteDance)。 48 × 48 のグリッドで描かれています。 IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- IconPark
- 作者
- ByteDance
- ライセンス
- Apache-2.0
- サイズ
- 48 × 48
- カテゴリ
- グラフィック
- タグ
- pentagonone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#2F88FF" stroke="#000" stroke-width="4" d="M25.2296 4.95843L42.8601 18.7012C43.5405 19.2316 43.8041 20.1385 43.5141 20.951L36.4739 40.6724C36.1897 41.4685 35.4357 42 34.5903 42H13.4097C12.5643 42 11.8103 41.4685 11.5261 40.6724L4.48593 20.951C4.19588 20.1385 4.45953 19.2315 5.13995 18.7012L22.7704 4.95843C23.4933 4.39496 24.5067 4.39496 25.2296 4.95843Z"/></svg>Pentagon One アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:pentagon-one" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:pentagon-one" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:pentagon-one" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--pentagon-one]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:pentagon-one"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:pentagon-one"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/icon-park/pentagon-one.svg" alt="Pentagon One アイコン" width="24" height="24">他のアイコンセットの Pentagon One アイコン
Pentagon One アイコン のよくある質問
Pentagon One アイコンは商用利用でも無料ですか?
はい。IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pentagon One アイコンを使うには?
@iconify/react をインストールして <Icon icon="icon-park:pentagon-one" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pentagon One アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/icon-park/pentagon-one.svg" alt="Pentagon One アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。