Wordpress icon
ls:wordpress
The Wordpress icon (ls:wordpress) is a free SVG icon from the Ligature Symbols set by Kazuyuki Motoyama. It is drawn on a 700 × 704 grid. Ligature Symbols 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
- Ligature Symbols
- Author
- Kazuyuki Motoyama
- License
- OFL-1.1
- Size
- 700 × 704
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="700" height="704" viewBox="0 0 700 704"><path fill="currentColor" d="M50 354c0-44 9-85 26-122l143 392C119 576 50 473 50 354m503-15c0 26-10 55-23 97l-30 100l-109-323c18-1 35-3 35-3c16-2 14-25-2-24c0 0-49 3-80 3c-30 0-79-3-79-3c-16-1-18 23-2 24c0 0 15 2 31 3l47 128l-66 197l-109-325c18-1 34-3 34-3c17-2 15-25-2-24c0 0-48 3-80 3H99c54-81 146-135 251-135c78 0 149 30 203 79c-2-1-3-1-4-1c-30 0-51 26-51 54c0 24 15 45 30 70c11 20 25 46 25 83M265 642l90-262l93 253c0 2 1 3 2 4c-31 11-65 17-100 17c-29 0-58-4-85-12m348-432c24 43 37 92 37 144c0 111-60 207-149 260l92-266c17-42 22-77 22-107c0-11 0-21-2-31M350 4c193 0 350 157 350 350S543 704 350 704S0 547 0 354S157 4 350 4m0 684c184 0 334-150 334-334S534 20 350 20S16 170 16 354s150 334 334 334"/></svg>How to use the Wordpress icon
React
import { Icon } from "@iconify/react";
<Icon icon="ls:wordpress" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:wordpress" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:wordpress" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--wordpress]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:wordpress"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:wordpress"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ls/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. Ligature Symbols icons are released under the Open Font 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="ls: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/ls/wordpress.svg" alt="Wordpress icon">, or paste the SVG code inline to style it with CSS.