Icône Pf
flagpack:pf
L'icône Pf (flagpack:pf) est une icône SVG gratuite de la collection Flagpack par Yummygum. Elle est dessinée sur une grille de 32 × 24. Les Flagpack icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewBox="0 0 32 24"><g fill="none"><path fill="#f7fcff" fill-rule="evenodd" d="M0 0v24h32V0z" clip-rule="evenodd"/><mask id="SVGcFaS5cXn" width="32" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" fill-rule="evenodd" d="M0 0v24h32V0z" clip-rule="evenodd"/></mask><g mask="url(#SVGcFaS5cXn)"><path fill="#bf2714" fill-rule="evenodd" d="M0 0v6h32V0zm0 18v6h32v-6z" clip-rule="evenodd"/><mask id="SVG1wdyycjl" width="12" height="12" x="10" y="6" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" fill-rule="evenodd" d="M16 18a6 6 0 1 0 0-12a6 6 0 0 0 0 12" clip-rule="evenodd"/></mask><g mask="url(#SVG1wdyycjl)"><path fill="#5277b9" fill-rule="evenodd" d="M10.549 13.765a.197.197 0 0 1 .286-.23l.374.217a.2.2 0 0 0 .182.008l.922-.432a.2.2 0 0 1 .199.018l.996.72l1.378-.742a.2.2 0 0 1 .171-.007l1.038.45a.2.2 0 0 0 .164-.003l.93-.448a.2.2 0 0 1 .158-.005l1.152.46c.052.02.11.018.16-.007l.892-.44a.2.2 0 0 1 .179.001l.818.429c.059.03.13.03.188-.004l.425-.24a.197.197 0 0 1 .287.221l-.088.335H10.645zm-.004 1.185a.197.197 0 0 1 .29-.226l.34.205a.2.2 0 0 0 .187.008l.877-.426a.2.2 0 0 1 .204.02l.956.715l1.323-.739a.2.2 0 0 1 .177-.007l.99.445a.2.2 0 0 0 .168-.003l.888-.443a.2.2 0 0 1 .163-.006l1.1.456c.053.022.114.02.165-.007l.85-.436a.2.2 0 0 1 .183.002l.778.423c.06.033.134.031.194-.004l.39-.229c.15-.088.333.05.29.219l-.085.329H10.636zm.197.788a.197.197 0 0 1 .289-.227l.34.205a.2.2 0 0 0 .187.008l.877-.426a.2.2 0 0 1 .204.02l.956.715l1.324-.739a.2.2 0 0 1 .176-.008l.99.446a.2.2 0 0 0 .169-.003l.887-.443a.2.2 0 0 1 .164-.006l1.1.456c.053.022.113.02.165-.007l.85-.436a.2.2 0 0 1 .183.002l.778.422c.06.033.134.032.193-.003l.39-.229a.197.197 0 0 1 .29.219l-.084.329H10.833zm1.18.786a.197.197 0 0 1 .29-.226l.34.204a.2.2 0 0 0 .187.009l.877-.426a.2.2 0 0 1 .204.02l.955.715l1.324-.739a.2.2 0 0 1 .177-.008l.99.446a.2.2 0 0 0 .168-.003l.888-.443a.2.2 0 0 1 .163-.006l1.1.456c.053.022.114.02.165-.007l.85-.436a.2.2 0 0 1 .183.002l.778.422c.06.033.134.032.194-.003l.39-.229a.197.197 0 0 1 .29.219l-.085.329H12.013zm-1.574.984a.197.197 0 0 1 .29-.226l.34.204a.2.2 0 0 0 .187.008l.877-.425a.2.2 0 0 1 .204.02l.956.714l1.323-.738a.2.2 0 0 1 .177-.008l.99.446a.2.2 0 0 0 .168-.004l.888-.443a.2.2 0 0 1 .163-.005l1.1.455c.054.022.114.02.165-.006l.85-.436a.2.2 0 0 1 .184.002l.777.422c.06.033.134.032.194-.003l.39-.23a.197.197 0 0 1 .29.22l-.084.328H10.439z" clip-rule="evenodd"/><path fill="red" d="M14.423 14.138v1c-.845 0-1.442-.518-1.733-1.44l-.023-.15V9.446h1v4.022c.167.48.401.67.755.67m2.77 0v1c.844 0 1.442-.518 1.732-1.44l.023-.15V9.446h-1v4.022c-.166.48-.4.67-.755.67"/><path fill="red" fill-rule="evenodd" d="M16.725 6.909s-1.66-.434-1.66.666v3.462L17 11.61V8.78s-.967-.59-.967-1.052s.692-.82.692-.82" clip-rule="evenodd"/><path stroke="#000" d="m13.934 12.89l.63-.805m-.055.779l-.604-.81m.934.836l.63-.805m-.055.779l-.605-.81m.895.836l.63-.805m-.054.779l-.605-.81m.934.836l.63-.805m-.055.779l-.604-.81m.934.836l.63-.805m-.054.779l-.605-.81"/><path fill="#fa8f21" fill-rule="evenodd" d="m13.454 7.095l1.197 2.338l.148-2.338l-.148-.46zm-.6 1.995l-.861-.914l.862-1.028l1.812 2.898v.736l-.871-.736V9.09zm-1.897.705l1.572.753l.123-1.164l-1.31-1.119zm1.652 1.93l-2.07-.211v-1.46l2.07.797zm-2.125 1.434l-.246-1.24l2.332.115v1.125zm3.283-2.039v-.7l.872.7l-.094.37zm8.114.798l-.246 1.24H19.55v-1.124zm-2.37-.192l2.068-.212v-1.46l-2.069.797zm1.651-1.931l-1.572.753l-.123-1.164l1.31-1.119zm-1.898-.705l.862-.914l-.862-1.028l-1.812 2.898v.736l.871-.736V9.09zm-.6-1.995l-1.197 2.338l-.147-2.338l.148-.46zm-.312 4.025v-.7l-.873.7l.095.37z" clip-rule="evenodd"/></g></g></g></svg>Comment utiliser l'icône Pf
React
import { Icon } from "@iconify/react";
<Icon icon="flagpack:pf" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flagpack:pf" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flagpack:pf" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flagpack--pf]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flagpack -->
<div class="i-flagpack:pf"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flagpack:pf"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/flagpack/pf.svg" alt="Icône Pf" width="24" height="24">L'icône Pf dans d'autres collections
FAQ : Icône Pf
L'icône Pf est-elle gratuite pour un usage commercial ?
Oui. Les Flagpack icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Pf dans React ?
Installez @iconify/react et affichez <Icon icon="flagpack:pf" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Pf à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/flagpack/pf.svg" alt="Icône Pf">, ou collez le code SVG directement dans la page pour le styliser en CSS.