wordpress icon
wordpress from Unicons Monochrome by Iconscout · Monochrome · Brand Logos · Apache-2.0 Free for personal and commercial use.
- Name
- wordpress
- Set
- Unicons Monochrome
- Style
- Monochrome
- Category
- Brand Logos
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
wordpressBootstrap IconswordpressBoxicons BrandswordpressCoreUI BrandswordpressDeviconwordpressFont Awesome 6 BrandswordpressFont Awesome BrandswordpressHuge IconswordpressJam IconswordpressLine AwesomewordpressSVG LogoswordpressMaterial Design Iconswordpress-fillRemix IconwordpressSimple IconswordpressSkill Iconswordpress-outlineTeenyiconswordpressUnicons
More brand logos icons from Unicons Monochrome
Use the wordpress icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2.6a9.4 9.4 0 1 0 9.4 9.4A9.4 9.4 0 0 0 12 2.6" opacity=".25"/><path fill="currentColor" d="m12.146 12.729l-2.5 7.265a8.34 8.34 0 0 0 5.121-.133a1 1 0 0 1-.06-.115zm-8.48-.73a8.33 8.33 0 0 0 4.698 7.5L4.388 8.61A8.3 8.3 0 0 0 3.667 12"/><path fill="currentColor" d="M17.626 11.58a4.4 4.4 0 0 0-.687-2.299a3.9 3.9 0 0 1-.819-1.954a1.443 1.443 0 0 1 1.4-1.48c.037 0 .072.005.107.007a8.33 8.33 0 0 0-12.59 1.569c.196.006.38.01.537.01c.871 0 2.22-.106 2.22-.106a.344.344 0 0 1 .054.686s-.452.053-.954.08l3.035 9.026l1.824-5.47l-1.299-3.556c-.449-.027-.874-.08-.874-.08a.344.344 0 0 1 .053-.686s1.376.106 2.195.106c.871 0 2.221-.106 2.221-.106a.344.344 0 0 1 .053.686s-.452.053-.953.08l3.011 8.957l.86-2.724a9.6 9.6 0 0 0 .606-2.747"/><path fill="currentColor" d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2m7.795 15.255a9.43 9.43 0 0 1-4.136 3.407a9.39 9.39 0 0 1-8.914-.867a9.43 9.43 0 0 1-3.407-4.136a9.39 9.39 0 0 1 .867-8.914a9.43 9.43 0 0 1 4.136-3.407a9.39 9.39 0 0 1 8.914.867a9.43 9.43 0 0 1 3.407 4.136a9.39 9.39 0 0 1-.867 8.914"/><path fill="currentColor" d="M19.369 8.859a7.9 7.9 0 0 1-.634 2.985l-2.545 7.358a8.334 8.334 0 0 0 3.123-11.2a6 6 0 0 1 .056.857"/></svg>
React
import type { SVGProps } from "react";
export function UimWordpress(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2.6a9.4 9.4 0 1 0 9.4 9.4A9.4 9.4 0 0 0 12 2.6" opacity=".25"/><path fill="currentColor" d="m12.146 12.729l-2.5 7.265a8.34 8.34 0 0 0 5.121-.133a1 1 0 0 1-.06-.115zm-8.48-.73a8.33 8.33 0 0 0 4.698 7.5L4.388 8.61A8.3 8.3 0 0 0 3.667 12"/><path fill="currentColor" d="M17.626 11.58a4.4 4.4 0 0 0-.687-2.299a3.9 3.9 0 0 1-.819-1.954a1.443 1.443 0 0 1 1.4-1.48c.037 0 .072.005.107.007a8.33 8.33 0 0 0-12.59 1.569c.196.006.38.01.537.01c.871 0 2.22-.106 2.22-.106a.344.344 0 0 1 .054.686s-.452.053-.954.08l3.035 9.026l1.824-5.47l-1.299-3.556c-.449-.027-.874-.08-.874-.08a.344.344 0 0 1 .053-.686s1.376.106 2.195.106c.871 0 2.221-.106 2.221-.106a.344.344 0 0 1 .053.686s-.452.053-.953.08l3.011 8.957l.86-2.724a9.6 9.6 0 0 0 .606-2.747"/><path fill="currentColor" d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2m7.795 15.255a9.43 9.43 0 0 1-4.136 3.407a9.39 9.39 0 0 1-8.914-.867a9.43 9.43 0 0 1-3.407-4.136a9.39 9.39 0 0 1 .867-8.914a9.43 9.43 0 0 1 4.136-3.407a9.39 9.39 0 0 1 8.914.867a9.43 9.43 0 0 1 3.407 4.136a9.39 9.39 0 0 1-.867 8.914"/><path fill="currentColor" d="M19.369 8.859a7.9 7.9 0 0 1-.634 2.985l-2.545 7.358a8.334 8.334 0 0 0 3.123-11.2a6 6 0 0 1 .056.857"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2.6a9.4 9.4 0 1 0 9.4 9.4A9.4 9.4 0 0 0 12 2.6" opacity=".25"/><path fill="currentColor" d="m12.146 12.729l-2.5 7.265a8.34 8.34 0 0 0 5.121-.133a1 1 0 0 1-.06-.115zm-8.48-.73a8.33 8.33 0 0 0 4.698 7.5L4.388 8.61A8.3 8.3 0 0 0 3.667 12"/><path fill="currentColor" d="M17.626 11.58a4.4 4.4 0 0 0-.687-2.299a3.9 3.9 0 0 1-.819-1.954a1.443 1.443 0 0 1 1.4-1.48c.037 0 .072.005.107.007a8.33 8.33 0 0 0-12.59 1.569c.196.006.38.01.537.01c.871 0 2.22-.106 2.22-.106a.344.344 0 0 1 .054.686s-.452.053-.954.08l3.035 9.026l1.824-5.47l-1.299-3.556c-.449-.027-.874-.08-.874-.08a.344.344 0 0 1 .053-.686s1.376.106 2.195.106c.871 0 2.221-.106 2.221-.106a.344.344 0 0 1 .053.686s-.452.053-.953.08l3.011 8.957l.86-2.724a9.6 9.6 0 0 0 .606-2.747"/><path fill="currentColor" d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2m7.795 15.255a9.43 9.43 0 0 1-4.136 3.407a9.39 9.39 0 0 1-8.914-.867a9.43 9.43 0 0 1-3.407-4.136a9.39 9.39 0 0 1 .867-8.914a9.43 9.43 0 0 1 4.136-3.407a9.39 9.39 0 0 1 8.914.867a9.43 9.43 0 0 1 3.407 4.136a9.39 9.39 0 0 1-.867 8.914"/><path fill="currentColor" d="M19.369 8.859a7.9 7.9 0 0 1-.634 2.985l-2.545 7.358a8.334 8.334 0 0 0 3.123-11.2a6 6 0 0 1 .056.857"/></svg> </template>
CSS
.icon-wordpress {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202.6a9.4%209.4%200%201%200%209.4%209.4A9.4%209.4%200%200%200%2012%202.6%22%20opacity%3D%22.25%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m12.146%2012.729l-2.5%207.265a8.34%208.34%200%200%200%205.121-.133a1%201%200%200%201-.06-.115zm-8.48-.73a8.33%208.33%200%200%200%204.698%207.5L4.388%208.61A8.3%208.3%200%200%200%203.667%2012%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.626%2011.58a4.4%204.4%200%200%200-.687-2.299a3.9%203.9%200%200%201-.819-1.954a1.443%201.443%200%200%201%201.4-1.48c.037%200%20.072.005.107.007a8.33%208.33%200%200%200-12.59%201.569c.196.006.38.01.537.01c.871%200%202.22-.106%202.22-.106a.344.344%200%200%201%20.054.686s-.452.053-.954.08l3.035%209.026l1.824-5.47l-1.299-3.556c-.449-.027-.874-.08-.874-.08a.344.344%200%200%201%20.053-.686s1.376.106%202.195.106c.871%200%202.221-.106%202.221-.106a.344.344%200%200%201%20.053.686s-.452.053-.953.08l3.011%208.957l.86-2.724a9.6%209.6%200%200%200%20.606-2.747%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202a10%2010%200%201%200%2010%2010A10%2010%200%200%200%2012%202m7.795%2015.255a9.43%209.43%200%200%201-4.136%203.407a9.39%209.39%200%200%201-8.914-.867a9.43%209.43%200%200%201-3.407-4.136a9.39%209.39%200%200%201%20.867-8.914a9.43%209.43%200%200%201%204.136-3.407a9.39%209.39%200%200%201%208.914.867a9.43%209.43%200%200%201%203.407%204.136a9.39%209.39%200%200%201-.867%208.914%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.369%208.859a7.9%207.9%200%200%201-.634%202.985l-2.545%207.358a8.334%208.334%200%200%200%203.123-11.2a6%206%200%200%201%20.056.857%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202.6a9.4%209.4%200%201%200%209.4%209.4A9.4%209.4%200%200%200%2012%202.6%22%20opacity%3D%22.25%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m12.146%2012.729l-2.5%207.265a8.34%208.34%200%200%200%205.121-.133a1%201%200%200%201-.06-.115zm-8.48-.73a8.33%208.33%200%200%200%204.698%207.5L4.388%208.61A8.3%208.3%200%200%200%203.667%2012%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.626%2011.58a4.4%204.4%200%200%200-.687-2.299a3.9%203.9%200%200%201-.819-1.954a1.443%201.443%200%200%201%201.4-1.48c.037%200%20.072.005.107.007a8.33%208.33%200%200%200-12.59%201.569c.196.006.38.01.537.01c.871%200%202.22-.106%202.22-.106a.344.344%200%200%201%20.054.686s-.452.053-.954.08l3.035%209.026l1.824-5.47l-1.299-3.556c-.449-.027-.874-.08-.874-.08a.344.344%200%200%201%20.053-.686s1.376.106%202.195.106c.871%200%202.221-.106%202.221-.106a.344.344%200%200%201%20.053.686s-.452.053-.953.08l3.011%208.957l.86-2.724a9.6%209.6%200%200%200%20.606-2.747%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202a10%2010%200%201%200%2010%2010A10%2010%200%200%200%2012%202m7.795%2015.255a9.43%209.43%200%200%201-4.136%203.407a9.39%209.39%200%200%201-8.914-.867a9.43%209.43%200%200%201-3.407-4.136a9.39%209.39%200%200%201%20.867-8.914a9.43%209.43%200%200%201%204.136-3.407a9.39%209.39%200%200%201%208.914.867a9.43%209.43%200%200%201%203.407%204.136a9.39%209.39%200%200%201-.867%208.914%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.369%208.859a7.9%207.9%200%200%201-.634%202.985l-2.545%207.358a8.334%208.334%200%200%200%203.123-11.2a6%206%200%200%201%20.056.857%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uim/wordpress.svg?color=%231a73e8&size=48
