ICONYZ
English
Wpbeginner icon from Font Awesome 4

Wpbeginner icon

fa:wpbeginner

The Wpbeginner icon (fa:wpbeginner) is a free SVG icon from the Font Awesome 4 set by Dave Gandy. It is drawn on a 1792 × 1728 grid. Font Awesome 4 icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Font Awesome 4
Author
Dave Gandy
License
OFL-1.1
Size
1792 × 1728
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1792" height="1728" viewBox="0 0 1792 1728"><path fill="currentColor" d="M384 800h160V576H384zm837 332v-92q-104 36-243 38q-135 1-259.5-46.5T498 909l1 96q88 80 212 128.5t272 47.5q129 0 238-49M640 800h640V576H640zm1152-32q0 187-99 352q89 102 89 229q0 157-129.5 268T1339 1728q-122 0-225-52.5T953 1535q-19 1-57 1t-57-1q-58 88-161 140.5T453 1728q-184 0-313.5-111T10 1349q0-127 89-229Q0 955 0 768q0-209 120-385.5T446.5 103T896 0t449.5 103T1672 382.5T1792 768"/></svg>

How to use the Wpbeginner icon

React

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

<Icon icon="fa:wpbeginner" width="24" />

Vue

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

<template>
  <Icon icon="fa:wpbeginner" width="24" />
</template>

Svelte

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

<Icon icon="fa:wpbeginner" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa--wpbeginner]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa -->
<div class="i-fa:wpbeginner"></div>

Web component

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

<iconify-icon icon="fa:wpbeginner"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fa/wpbeginner.svg" alt="Wpbeginner icon" width="24" height="24">

Wpbeginner icon in other icon sets

Wpbeginner icon FAQ

Is the Wpbeginner icon free for commercial use?

Yes. Font Awesome 4 icons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the Wpbeginner icon in React?

Install @iconify/react and render <Icon icon="fa:wpbeginner" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Wpbeginner icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fa/wpbeginner.svg" alt="Wpbeginner icon">, or paste the SVG code inline to style it with CSS.

Browse all Font Awesome 4 icons →