wordpress icon
wordpress from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- wordpress
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
The same icon in other sets
wordpressBoxicons BrandswordpressDeviconwordpressFont Awesome 6 BrandswordpressHuge IconswordpressJam IconswordpressLine AwesomewordpressSVG LogoswordpressMaterial Design Iconswordpress-fillRemix IconwordpressSimple IconswordpressSkill Iconswordpress-outlineTeenyiconswordpressUniconswordpressUnicons Monochrome
Use the wordpress icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M12.633 7.653c0-.848-.305-1.435-.566-1.892l-.08-.13c-.317-.51-.594-.958-.594-1.48c0-.63.478-1.218 1.152-1.218q.03 0 .058.003l.031.003A6.84 6.84 0 0 0 8 1.137A6.86 6.86 0 0 0 2.266 4.23c.16.005.313.009.442.009c.717 0 1.828-.087 1.828-.087c.37-.022.414.521.044.565c0 0-.371.044-.785.065l2.5 7.434l1.5-4.506l-1.07-2.929c-.369-.022-.719-.065-.719-.065c-.37-.022-.326-.588.043-.566c0 0 1.134.087 1.808.087c.718 0 1.83-.087 1.83-.087c.37-.022.413.522.043.566c0 0-.372.043-.785.065l2.48 7.377l.684-2.287l.054-.173c.27-.86.469-1.495.469-2.046zM1.137 8a6.86 6.86 0 0 0 3.868 6.176L1.73 5.206A6.8 6.8 0 0 0 1.137 8"/><path d="M6.061 14.583L8.121 8.6l2.109 5.78q.02.05.049.094a6.85 6.85 0 0 1-4.218.109m7.96-9.876q.046.328.047.706c0 .696-.13 1.479-.522 2.458l-2.096 6.06a6.86 6.86 0 0 0 2.572-9.224z"/><path fill-rule="evenodd" d="M0 8c0-4.411 3.589-8 8-8s8 3.589 8 8s-3.59 8-8 8s-8-3.589-8-8m.367 0c0 4.209 3.424 7.633 7.633 7.633S15.632 12.209 15.632 8C15.632 3.79 12.208.367 8 .367C3.79.367.367 3.79.367 8"/></g></svg>
React
import type { SVGProps } from "react";
export function BiWordpress(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M12.633 7.653c0-.848-.305-1.435-.566-1.892l-.08-.13c-.317-.51-.594-.958-.594-1.48c0-.63.478-1.218 1.152-1.218q.03 0 .058.003l.031.003A6.84 6.84 0 0 0 8 1.137A6.86 6.86 0 0 0 2.266 4.23c.16.005.313.009.442.009c.717 0 1.828-.087 1.828-.087c.37-.022.414.521.044.565c0 0-.371.044-.785.065l2.5 7.434l1.5-4.506l-1.07-2.929c-.369-.022-.719-.065-.719-.065c-.37-.022-.326-.588.043-.566c0 0 1.134.087 1.808.087c.718 0 1.83-.087 1.83-.087c.37-.022.413.522.043.566c0 0-.372.043-.785.065l2.48 7.377l.684-2.287l.054-.173c.27-.86.469-1.495.469-2.046zM1.137 8a6.86 6.86 0 0 0 3.868 6.176L1.73 5.206A6.8 6.8 0 0 0 1.137 8"/><path d="M6.061 14.583L8.121 8.6l2.109 5.78q.02.05.049.094a6.85 6.85 0 0 1-4.218.109m7.96-9.876q.046.328.047.706c0 .696-.13 1.479-.522 2.458l-2.096 6.06a6.86 6.86 0 0 0 2.572-9.224z"/><path fillRule="evenodd" d="M0 8c0-4.411 3.589-8 8-8s8 3.589 8 8s-3.59 8-8 8s-8-3.589-8-8m.367 0c0 4.209 3.424 7.633 7.633 7.633S15.632 12.209 15.632 8C15.632 3.79 12.208.367 8 .367C3.79.367.367 3.79.367 8"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M12.633 7.653c0-.848-.305-1.435-.566-1.892l-.08-.13c-.317-.51-.594-.958-.594-1.48c0-.63.478-1.218 1.152-1.218q.03 0 .058.003l.031.003A6.84 6.84 0 0 0 8 1.137A6.86 6.86 0 0 0 2.266 4.23c.16.005.313.009.442.009c.717 0 1.828-.087 1.828-.087c.37-.022.414.521.044.565c0 0-.371.044-.785.065l2.5 7.434l1.5-4.506l-1.07-2.929c-.369-.022-.719-.065-.719-.065c-.37-.022-.326-.588.043-.566c0 0 1.134.087 1.808.087c.718 0 1.83-.087 1.83-.087c.37-.022.413.522.043.566c0 0-.372.043-.785.065l2.48 7.377l.684-2.287l.054-.173c.27-.86.469-1.495.469-2.046zM1.137 8a6.86 6.86 0 0 0 3.868 6.176L1.73 5.206A6.8 6.8 0 0 0 1.137 8"/><path d="M6.061 14.583L8.121 8.6l2.109 5.78q.02.05.049.094a6.85 6.85 0 0 1-4.218.109m7.96-9.876q.046.328.047.706c0 .696-.13 1.479-.522 2.458l-2.096 6.06a6.86 6.86 0 0 0 2.572-9.224z"/><path fill-rule="evenodd" d="M0 8c0-4.411 3.589-8 8-8s8 3.589 8 8s-3.59 8-8 8s-8-3.589-8-8m.367 0c0 4.209 3.424 7.633 7.633 7.633S15.632 12.209 15.632 8C15.632 3.79 12.208.367 8 .367C3.79.367.367 3.79.367 8"/></g></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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12.633%207.653c0-.848-.305-1.435-.566-1.892l-.08-.13c-.317-.51-.594-.958-.594-1.48c0-.63.478-1.218%201.152-1.218q.03%200%20.058.003l.031.003A6.84%206.84%200%200%200%208%201.137A6.86%206.86%200%200%200%202.266%204.23c.16.005.313.009.442.009c.717%200%201.828-.087%201.828-.087c.37-.022.414.521.044.565c0%200-.371.044-.785.065l2.5%207.434l1.5-4.506l-1.07-2.929c-.369-.022-.719-.065-.719-.065c-.37-.022-.326-.588.043-.566c0%200%201.134.087%201.808.087c.718%200%201.83-.087%201.83-.087c.37-.022.413.522.043.566c0%200-.372.043-.785.065l2.48%207.377l.684-2.287l.054-.173c.27-.86.469-1.495.469-2.046zM1.137%208a6.86%206.86%200%200%200%203.868%206.176L1.73%205.206A6.8%206.8%200%200%200%201.137%208%22%2F%3E%3Cpath%20d%3D%22M6.061%2014.583L8.121%208.6l2.109%205.78q.02.05.049.094a6.85%206.85%200%200%201-4.218.109m7.96-9.876q.046.328.047.706c0%20.696-.13%201.479-.522%202.458l-2.096%206.06a6.86%206.86%200%200%200%202.572-9.224z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M0%208c0-4.411%203.589-8%208-8s8%203.589%208%208s-3.59%208-8%208s-8-3.589-8-8m.367%200c0%204.209%203.424%207.633%207.633%207.633S15.632%2012.209%2015.632%208C15.632%203.79%2012.208.367%208%20.367C3.79.367.367%203.79.367%208%22%2F%3E%3C%2Fg%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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12.633%207.653c0-.848-.305-1.435-.566-1.892l-.08-.13c-.317-.51-.594-.958-.594-1.48c0-.63.478-1.218%201.152-1.218q.03%200%20.058.003l.031.003A6.84%206.84%200%200%200%208%201.137A6.86%206.86%200%200%200%202.266%204.23c.16.005.313.009.442.009c.717%200%201.828-.087%201.828-.087c.37-.022.414.521.044.565c0%200-.371.044-.785.065l2.5%207.434l1.5-4.506l-1.07-2.929c-.369-.022-.719-.065-.719-.065c-.37-.022-.326-.588.043-.566c0%200%201.134.087%201.808.087c.718%200%201.83-.087%201.83-.087c.37-.022.413.522.043.566c0%200-.372.043-.785.065l2.48%207.377l.684-2.287l.054-.173c.27-.86.469-1.495.469-2.046zM1.137%208a6.86%206.86%200%200%200%203.868%206.176L1.73%205.206A6.8%206.8%200%200%200%201.137%208%22%2F%3E%3Cpath%20d%3D%22M6.061%2014.583L8.121%208.6l2.109%205.78q.02.05.049.094a6.85%206.85%200%200%201-4.218.109m7.96-9.876q.046.328.047.706c0%20.696-.13%201.479-.522%202.458l-2.096%206.06a6.86%206.86%200%200%200%202.572-9.224z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M0%208c0-4.411%203.589-8%208-8s8%203.589%208%208s-3.59%208-8%208s-8-3.589-8-8m.367%200c0%204.209%203.424%207.633%207.633%207.633S15.632%2012.209%2015.632%208C15.632%203.79%2012.208.367%208%20.367C3.79.367.367%203.79.367%208%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/wordpress.svg?color=%231a73e8&size=48
