Wordpress icon

logos:wordpress

The Wordpress icon (logos:wordpress) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 117 grid. SVG Logos icons are released under the CC0 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: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 117

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="117" viewBox="0 0 512 117"><path fill="#00749a" d="M296.95 45.726h-20.155v2.138c6.304 0 7.318 1.351 7.318 9.346v14.413c0 7.994-1.013 9.458-7.318 9.458c-4.84-.675-8.107-3.266-12.61-8.22l-5.18-5.629c6.98-1.24 10.696-5.63 10.696-10.585c0-6.191-5.29-10.92-15.2-10.92h-19.816v2.137c6.304 0 7.318 1.351 7.318 9.346v14.413c0 7.994-1.014 9.458-7.318 9.458v2.139h22.405v-2.14c-6.304 0-7.317-1.463-7.317-9.457V67.57h1.913l12.498 15.65h32.766c16.1 0 23.081-8.556 23.081-18.804c0-10.246-6.98-18.69-23.081-18.69m-47.176 18.352V49.104h4.615c5.066 0 7.319 3.49 7.319 7.544c0 3.941-2.253 7.43-7.319 7.43zm47.514 15.652h-.789c-4.052 0-4.615-1.013-4.615-6.193V49.104h5.404c11.71 0 13.848 8.556 13.848 15.2c0 6.868-2.14 15.426-13.848 15.426M171.973 68.246l7.769-22.971c2.253-6.643 1.239-8.556-5.967-8.556v-2.253h21.167v2.253c-7.093 0-8.781 1.688-11.596 9.908l-12.837 38.507h-1.463L157.56 49.89l-11.71 35.244h-1.464L131.89 46.627c-2.702-8.22-4.504-9.908-11.035-9.908v-2.253h24.996v2.253c-6.643 0-8.446 1.576-6.08 8.556l7.543 22.97l11.372-33.779h2.14zm38.28 16.437c-12.385 0-22.518-9.12-22.518-20.268c0-11.033 10.134-20.155 22.518-20.155c12.386 0 22.518 9.122 22.518 20.155c0 11.148-10.132 20.268-22.518 20.268m0-36.93c-10.358 0-13.961 9.344-13.961 16.663c0 7.433 3.603 16.665 13.961 16.665c10.472 0 14.075-9.232 14.075-16.665c0-7.319-3.603-16.663-14.075-16.663"/><path fill="#464342" d="M347.84 80.968v2.252h-25.784v-2.252c7.545 0 8.896-1.914 8.896-13.175V49.78c0-11.262-1.351-13.062-8.896-13.062v-2.253h23.307c11.596 0 18.016 5.968 18.016 13.963c0 7.77-6.42 13.849-18.016 13.849h-6.418v5.515c0 11.262 1.35 13.176 8.895 13.176m-2.477-42.45h-6.418v19.593h6.418c6.306 0 9.233-4.391 9.233-9.683c0-5.404-2.927-9.91-9.233-9.91m95.366 34.118l-.563 2.027c-1.013 3.715-2.253 5.067-10.247 5.067h-1.577c-5.853 0-6.867-1.352-6.867-9.345v-5.18c8.783 0 9.459.788 9.459 6.644h2.139V55.07h-2.14c0 5.855-.675 6.643-9.458 6.643v-12.61h6.191c7.996 0 9.233 1.352 10.247 5.067l.564 2.138h1.8l-.786-10.583h-33.104v2.138c6.304 0 7.319 1.351 7.319 9.346v14.413c0 7.313-.861 9.155-5.832 9.418c-4.725-.722-7.968-3.299-12.407-8.18l-5.18-5.629c6.982-1.24 10.698-5.63 10.698-10.585c0-6.191-5.292-10.92-15.2-10.92h-19.816v2.137c6.304 0 7.318 1.351 7.318 9.346v14.413c0 7.994-1.013 9.458-7.318 9.458v2.139h22.406v-2.14c-6.304 0-7.318-1.463-7.318-9.457V67.57h1.914l12.497 15.65h46.276l.676-10.583h-1.691m-59.673-8.558V49.104h4.615c5.067 0 7.32 3.49 7.32 7.544c0 3.941-2.253 7.43-7.32 7.43zm82.529 20.605c-4.504 0-8.445-2.364-10.134-3.829c-.563.564-1.576 2.253-1.8 3.829h-2.14V69.146h2.252c.901 7.43 6.08 11.822 12.723 11.822c3.603 0 6.53-2.026 6.53-5.404c0-2.927-2.589-5.18-7.205-7.318l-6.418-3.04c-4.505-2.141-7.882-5.857-7.882-10.81c0-5.404 5.067-10.02 12.048-10.02c3.716 0 6.867 1.351 8.783 2.927c.562-.45 1.125-1.69 1.463-3.042h2.14V57.55h-2.365c-.79-5.293-3.716-9.684-9.683-9.684c-3.152 0-6.081 1.802-6.081 4.618c0 2.927 2.365 4.502 7.77 6.98l6.191 3.04c5.406 2.589 7.544 6.757 7.544 10.134c0 7.093-6.193 12.046-13.736 12.046m34.678 0c-4.504 0-8.446-2.364-10.133-3.829c-.564.564-1.576 2.253-1.8 3.829h-2.14V69.146h2.251c.9 7.43 6.08 11.822 12.723 11.822c3.603 0 6.531-2.026 6.531-5.404c0-2.927-2.59-5.18-7.207-7.318l-6.418-3.04c-4.504-2.141-7.882-5.857-7.882-10.81c0-5.404 5.067-10.02 12.048-10.02c3.716 0 6.868 1.351 8.783 2.927c.562-.45 1.125-1.69 1.462-3.042h2.14V57.55h-2.364c-.789-5.293-3.716-9.684-9.682-9.684c-3.153 0-6.082 1.802-6.082 4.618c0 2.927 2.365 4.502 7.77 6.98l6.192 3.04c5.405 2.589 7.543 6.757 7.543 10.134c0 7.093-6.192 12.046-13.735 12.046M8.256 58.083c0 19.724 11.463 36.768 28.084 44.846L12.57 37.804a49.6 49.6 0 0 0-4.314 20.28m83.468-2.514c0-6.158-2.212-10.423-4.11-13.743c-2.526-4.104-4.893-7.58-4.893-11.684c0-4.581 3.474-8.845 8.367-8.845c.221 0 .43.028.646.04c-8.865-8.122-20.676-13.08-33.649-13.08c-17.408 0-32.723 8.931-41.633 22.46c1.17.034 2.271.059 3.207.059c5.212 0 13.28-.633 13.28-.633c2.686-.158 3.002 3.787.32 4.105c0 0-2.7.318-5.704.475l18.146 53.973l10.904-32.704l-7.763-21.27c-2.683-.158-5.225-.476-5.225-.476c-2.686-.157-2.37-4.263.314-4.104c0 0 8.23.632 13.126.632c5.21 0 13.28-.632 13.28-.632c2.687-.159 3.003 3.786.319 4.104c0 0-2.705.318-5.703.475L82.96 88.286l4.97-16.61c2.154-6.891 3.794-11.841 3.794-16.107m-32.765 6.873l-14.95 43.443a49.8 49.8 0 0 0 14.076 2.03a49.8 49.8 0 0 0 16.547-2.825a4.4 4.4 0 0 1-.354-.686zm42.849-28.265c.214 1.587.336 3.29.336 5.124c0 5.056-.945 10.74-3.79 17.847l-15.22 44.007c14.814-8.639 24.778-24.688 24.778-43.07a49.56 49.56 0 0 0-6.104-23.908M58.085 0C26.058 0 0 26.056 0 58.083c0 32.032 26.058 58.087 58.085 58.087s58.088-26.055 58.088-58.087C116.173 26.056 90.112 0 58.085 0m0 113.507c-30.558 0-55.422-24.863-55.422-55.424c0-30.558 24.863-55.42 55.422-55.42s55.42 24.862 55.42 55.42c0 30.561-24.862 55.424-55.42 55.424"/></svg>

How to use the Wordpress icon

React

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

<Icon icon="logos:wordpress" width="24" />

Vue

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

<template>
  <Icon icon="logos:wordpress" width="24" />
</template>

Svelte

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

<Icon icon="logos:wordpress" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="logos:wordpress"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/wordpress.svg" alt="Wordpress icon" width="24" height="24">

Related icons in SVG Logos

Wordpress icon in other icon sets

Wordpress icon FAQ

Is the Wordpress icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Wordpress icon in React?

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

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

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

Browse all SVG Logos icons →