ICONYZ
日本語
Font Awesome Brands の Padlet アイコン

Padlet アイコン

fa7-brands:padlet

Padlet アイコン(fa7-brands:padlet)は、Font Awesome Brands セットの無料 SVG アイコンです(作者: Dave Gandy)。 640 × 640 のグリッドで描かれています。 Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Font Awesome Brands
作者
Dave Gandy
ライセンス
CC-BY-4.0
サイズ
640 × 640
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M297.9 64h.1c7.6.1 14.4 4.7 17.5 11.8l132 308.5l.3-.1l.2.4l-2.8 10l-42.9 158c-3.7 16.2-19.7 26.3-35.8 22.6l-68.4-15.6l-68.5 15.6c-16.1 3.7-32.1-6.4-35.8-22.6l-42.9-158l-2.7-10l.1-.4L280.4 75.8c3-7 9.9-11.6 17.5-11.8M160.1 386.1l131 39.1l6.9 122.5l7.9-121.5l130.6-39.3l.2-.1l-131 25.1l-8.6-320.2l-5.2 320.2zM426 286.6l94.4-41h73.8l-157 247.6l31.6-109zm171.5-41.2l41.4 76.2c4 7.5-3.9 15.9-11.6 12.2l-47.6-22.7zM127.3 382.5L158.7 494L1.6 218.5c-5.9-10.4 5.5-22 15.9-16.2l151.8 84.2l-42.1 96z"/></svg>

Padlet アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="fa7-brands:padlet" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fa7-brands:padlet" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fa7-brands:padlet" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-brands--padlet]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa7-brands -->
<div class="i-fa7-brands:padlet"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fa7-brands:padlet"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fa7-brands/padlet.svg" alt="Padlet アイコン" width="24" height="24">

他のアイコンセットの Padlet アイコン

Padlet アイコン のよくある質問

Padlet アイコンは商用利用でも無料ですか?

はい。Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Padlet アイコンを使うには?

@iconify/react をインストールして <Icon icon="fa7-brands:padlet" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Padlet アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa7-brands/padlet.svg" alt="Padlet アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Font Awesome Brands アイコン をすべて見る →