Pylon Check 48 アイコン
energy-icons:pylon-check-48
Pylon Check 48 アイコン(energy-icons:pylon-check-48)は、Energy Icons セットの無料 SVG アイコンです(作者: Sam Passmore)。 48 × 48 のグリッドで描かれています。 Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Energy Icons
- 作者
- Sam Passmore
- ライセンス
- MIT
- サイズ
- 48 × 48
- タグ
- pyloncheck
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M29 21a1 1 0 0 1 .94.658l2.32 6.38a1 1 0 1 1-1.88.684L28.3 23h-8.6l-7.208 19.821l11.394-1.314L24 41.5q.057 0 .114.007l3.92.452a1 1 0 1 1-.228 1.986L24 43.505l-12.886 1.488a1 1 0 0 1-1.054-1.335l8-22l.065-.141A1 1 0 0 1 19 21zm-1.5-8a1 1 0 0 1 .97.758l1 4l-1.94.484L26.72 15h-5.56l-1.185 3.335l-1.884-.67l1.421-4a1 1 0 0 1 .943-.665z"/><path fill="currentColor" d="M17 18v3h14v-3h2v4a1 1 0 0 1-1 1H16a1 1 0 0 1-1-1v-4zm2-8v3h10v-3h2v4a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-4z"/><path fill="currentColor" d="M37 17a1 1 0 1 1 0 2H11a1 1 0 0 1 0-2zm-2-8a1 1 0 1 1 0 2H13a1 1 0 0 1 0-2z"/><path fill="currentColor" d="M11 14a1 1 0 0 1 2 0v4h-2zm2-7a1 1 0 0 1 2 0v3h-2zm4-1a1 1 0 0 1 2 0v4h-2zm18 8a1 1 0 0 1 2 0v4h-2zm-2-7a1 1 0 0 1 2 0v3h-2zm-4-1a1 1 0 0 1 2 0v4h-2zm-6-2a1 1 0 0 1 2 0v6h-2zm15.253 6.462a1 1 0 0 1 1.285.591c.143.385 1.153 1.946 3.258 2.367a1 1 0 0 1-.392 1.96c-2.895-.578-4.4-2.708-4.743-3.633a1 1 0 0 1 .592-1.285m-.3 9.9a1 1 0 0 1 1.285.592c.142.384 1.153 1.945 3.258 2.366a1 1 0 0 1-.392 1.96c-2.895-.578-4.4-2.707-4.743-3.633a1 1 0 0 1 .592-1.285M8.461 11.053a1 1 0 0 1 1.877.694c-.342.925-1.847 3.055-4.742 3.633a1 1 0 0 1-.392-1.96c2.105-.421 3.115-1.982 3.257-2.367m.3 9.901a1 1 0 0 1 1.877.693c-.341.926-1.847 3.055-4.742 3.634a1 1 0 0 1-.392-1.961c2.105-.421 3.115-1.982 3.257-2.366m17.565 14.025a1 1 0 0 1 .552 1.922l-14.148 4.06l-.55-1.922zm3.408-11.05L19.63 27.955l8.638 3.133a1 1 0 0 1-.682 1.88L16.477 28.94a1 1 0 0 1-.029-1.869l12.546-5zM44 37.5a6.5 6.5 0 1 0-13 0a6.5 6.5 0 0 0 13 0m2 0a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0"/><path fill="currentColor" d="M39.783 35.303a1 1 0 0 1 1.434 1.394l-3.7 3.8a1 1 0 0 1-1.424.01l-2.3-2.3a1 1 0 1 1 1.414-1.414l1.583 1.583z"/></svg>Pylon Check 48 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:pylon-check-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:pylon-check-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:pylon-check-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--pylon-check-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:pylon-check-48"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:pylon-check-48"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/energy-icons/pylon-check-48.svg" alt="Pylon Check 48 アイコン" width="24" height="24">Energy Icons の関連アイコン
Pylon Check 48 アイコン のよくある質問
Pylon Check 48 アイコンは商用利用でも無料ですか?
はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pylon Check 48 アイコンを使うには?
@iconify/react をインストールして <Icon icon="energy-icons:pylon-check-48" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pylon Check 48 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/pylon-check-48.svg" alt="Pylon Check 48 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。