Wordpress icon
thesvg-color:wordpress
The Wordpress icon (thesvg-color:wordpress) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 123 × 123 grid. theSVG Color icons are released under the MIT 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 123 × 123
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="123" height="123" viewBox="0 0 123 123"><g fill="#21759b"><path d="M8.708 61.26c0 20.802 12.089 38.779 29.619 47.298L13.258 39.872a52.35 52.35 0 0 0-4.55 21.388m88.032-2.652c0-6.495-2.333-10.993-4.334-14.494c-2.664-4.329-5.161-7.995-5.161-12.324c0-4.831 3.664-9.328 8.825-9.328c.233 0 .454.029.681.042c-9.35-8.566-21.807-13.796-35.489-13.796c-18.36 0-34.513 9.42-43.91 23.688c1.233.037 2.395.063 3.382.063c5.497 0 14.006-.667 14.006-.667c2.833-.167 3.167 3.994.337 4.329c0 0-2.847.335-6.015.501L48.2 93.547l11.501-34.493l-8.188-22.434c-2.83-.166-5.511-.501-5.511-.501c-2.832-.166-2.5-4.496.332-4.329c0 0 8.679.667 13.843.667c5.496 0 14.006-.667 14.006-.667c2.835-.167 3.168 3.994.337 4.329c0 0-2.853.335-6.015.501l18.992 56.494l5.242-17.517c2.272-7.269 4.001-12.49 4.001-16.989"/><path d="m62.184 65.857l-15.768 45.819a52.6 52.6 0 0 0 14.846 2.141c6.12 0 11.989-1.058 17.452-2.979a4.6 4.6 0 0 1-.374-.724zm45.192-29.811c.226 1.674.354 3.471.354 5.404c0 5.333-.996 11.328-3.996 18.824l-16.053 46.413c15.624-9.111 26.133-26.038 26.133-45.426c.001-9.137-2.333-17.729-6.438-25.215"/><path d="M61.262 0C27.483 0 0 27.481 0 61.26c0 33.783 27.483 61.263 61.262 61.263s61.265-27.48 61.265-61.263C122.526 27.481 95.04 0 61.262 0m0 119.715c-32.23 0-58.453-26.223-58.453-58.455c0-32.23 26.222-58.451 58.453-58.451c32.229 0 58.45 26.221 58.45 58.451c0 32.232-26.221 58.455-58.45 58.455"/></g></svg>
How to use the Wordpress icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:wordpress" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:wordpress" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:wordpress" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--wordpress]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:wordpress"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:wordpress"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/wordpress.svg" alt="Wordpress icon" width="24" height="24">
Wordpress icon in other icon sets
Wordpress icon FAQ
Is the Wordpress icon free for commercial use?
Yes. theSVG Color icons are released under the MIT 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="thesvg-color: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/thesvg-color/wordpress.svg" alt="Wordpress icon">, or paste the SVG code inline to style it with CSS.
Browse all theSVG Color icons →
ICONYZ
