wpbeginner logo

wpbeginner from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: wpbeginner
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

wpbeginnerFont Awesome 6 Brands wpbeginnerLine Awesome

Use the wpbeginner logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M527.2 386.4c56.2 64.3 4.2 157.6-91.9 157.6c-39.6 0-78.8-17.7-100.1-50c-6.9.4-22.7.4-29.6 0c-21.4 32.4-60.6 50-100.1 50c-95.5 0-148.3-93-91.9-157.6C34.5 254.5 144.9 96 320.4 96C496 96 606.3 254.6 527.2 386.4m-339.6-83h41.5v-58.1h-41.5zm217.2 86.1v-23.8c-60.5 20.9-132.4 9.2-187.6-34l.2 24.9c51.1 46.4 131.7 57.9 187.3 32.9zM254 303.4h166.1v-58.1H254z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsWpbeginner(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M527.2 386.4c56.2 64.3 4.2 157.6-91.9 157.6c-39.6 0-78.8-17.7-100.1-50c-6.9.4-22.7.4-29.6 0c-21.4 32.4-60.6 50-100.1 50c-95.5 0-148.3-93-91.9-157.6C34.5 254.5 144.9 96 320.4 96C496 96 606.3 254.6 527.2 386.4m-339.6-83h41.5v-58.1h-41.5zm217.2 86.1v-23.8c-60.5 20.9-132.4 9.2-187.6-34l.2 24.9c51.1 46.4 131.7 57.9 187.3 32.9zM254 303.4h166.1v-58.1H254z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M527.2 386.4c56.2 64.3 4.2 157.6-91.9 157.6c-39.6 0-78.8-17.7-100.1-50c-6.9.4-22.7.4-29.6 0c-21.4 32.4-60.6 50-100.1 50c-95.5 0-148.3-93-91.9-157.6C34.5 254.5 144.9 96 320.4 96C496 96 606.3 254.6 527.2 386.4m-339.6-83h41.5v-58.1h-41.5zm217.2 86.1v-23.8c-60.5 20.9-132.4 9.2-187.6-34l.2 24.9c51.1 46.4 131.7 57.9 187.3 32.9zM254 303.4h166.1v-58.1H254z"/></svg>
</template>

CSS

.icon-wpbeginner {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M527.2%20386.4c56.2%2064.3%204.2%20157.6-91.9%20157.6c-39.6%200-78.8-17.7-100.1-50c-6.9.4-22.7.4-29.6%200c-21.4%2032.4-60.6%2050-100.1%2050c-95.5%200-148.3-93-91.9-157.6C34.5%20254.5%20144.9%2096%20320.4%2096C496%2096%20606.3%20254.6%20527.2%20386.4m-339.6-83h41.5v-58.1h-41.5zm217.2%2086.1v-23.8c-60.5%2020.9-132.4%209.2-187.6-34l.2%2024.9c51.1%2046.4%20131.7%2057.9%20187.3%2032.9zM254%20303.4h166.1v-58.1H254z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M527.2%20386.4c56.2%2064.3%204.2%20157.6-91.9%20157.6c-39.6%200-78.8-17.7-100.1-50c-6.9.4-22.7.4-29.6%200c-21.4%2032.4-60.6%2050-100.1%2050c-95.5%200-148.3-93-91.9-157.6C34.5%20254.5%20144.9%2096%20320.4%2096C496%2096%20606.3%20254.6%20527.2%20386.4m-339.6-83h41.5v-58.1h-41.5zm217.2%2086.1v-23.8c-60.5%2020.9-132.4%209.2-187.6-34l.2%2024.9c51.1%2046.4%20131.7%2057.9%20187.3%2032.9zM254%20303.4h166.1v-58.1H254z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/wpbeginner.svg?color=%231a73e8&size=48