Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Wordpress icon
A free wordpress icon from Themify Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.
- License
- MIT license
- Project
- github.com
npx shadcn@latest add https://ui.cuelark.com/r/icons/themify/wordpress.jsonimport * as React from "react";
/**
* Wordpress from Themify Icons (https://github.com/lykmapipo/themify-icons), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/themify/wordpress. Sized in em, colored by currentColor.
*/
export function TfiWordpressIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
version="1.1"
viewBox="0 0 17 17"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g />
<path
d="M16.5 8.5c0 4.41-3.589 8-8 8s-8-3.59-8-8 3.589-8 8-8 8 3.59 8 8zM16.134 8.5c0-4.205-3.428-7.634-7.634-7.634s-7.634 3.429-7.634 7.634 3.428 7.634 7.634 7.634 7.634-3.429 7.634-7.634zM2.232 5.705l3.277 8.974c-2.295-1.117-3.875-3.465-3.875-6.179 0-0.99 0.215-1.938 0.598-2.795zM12.607 10.375l-0.679 2.286-2.482-7.374c0 0 0.411-0.027 0.786-0.072 0.366-0.045 0.322-0.59-0.044-0.562-1.116 0.080-1.831 0.089-1.831 0.089s-0.669-0.010-1.803-0.090c-0.375-0.027-0.42 0.535-0.045 0.562 0.348 0.036 0.714 0.073 0.714 0.073l1.071 2.928-1.5 4.5-2.5-7.428c0 0 0.411-0.027 0.786-0.072 0.366-0.045 0.322-0.59-0.044-0.562-1.108 0.080-1.831 0.089-1.831 0.089-0.125 0-0.276-0.009-0.437-0.009 1.223-1.867 3.33-3.099 5.732-3.099 1.786 0 3.411 0.688 4.634 1.804-0.027 0-0.062 0-0.089 0-0.67 0-1.152 0.581-1.152 1.215 0 0.562 0.33 1.036 0.678 1.606 0.269 0.456 0.562 1.045 0.562 1.894 0.001 0.587-0.239 1.267-0.526 2.222zM10.731 14.876c0.009 0.035 0.027 0.070 0.045 0.098-0.714 0.25-1.473 0.393-2.277 0.393-0.669 0-1.321-0.1-1.938-0.286l2.054-5.981 2.116 5.776zM15.366 8.5c0 2.535-1.375 4.741-3.42 5.929l2.098-6.054c0.348-1.001 0.527-1.767 0.527-2.465 0-0.249-0.018-0.482-0.054-0.705 0.537 0.982 0.849 2.099 0.849 3.295z"
/>
</svg>
);
}import { TfiWordpress } from "react-icons/tfi";
export function Example() {
return <TfiWordpress className="size-5" />;
}<svg
version="1.1"
viewBox="0 0 17 17"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<g />
<path
d="M16.5 8.5c0 4.41-3.589 8-8 8s-8-3.59-8-8 3.589-8 8-8 8 3.59 8 8zM16.134 8.5c0-4.205-3.428-7.634-7.634-7.634s-7.634 3.429-7.634 7.634 3.428 7.634 7.634 7.634 7.634-3.429 7.634-7.634zM2.232 5.705l3.277 8.974c-2.295-1.117-3.875-3.465-3.875-6.179 0-0.99 0.215-1.938 0.598-2.795zM12.607 10.375l-0.679 2.286-2.482-7.374c0 0 0.411-0.027 0.786-0.072 0.366-0.045 0.322-0.59-0.044-0.562-1.116 0.080-1.831 0.089-1.831 0.089s-0.669-0.010-1.803-0.090c-0.375-0.027-0.42 0.535-0.045 0.562 0.348 0.036 0.714 0.073 0.714 0.073l1.071 2.928-1.5 4.5-2.5-7.428c0 0 0.411-0.027 0.786-0.072 0.366-0.045 0.322-0.59-0.044-0.562-1.108 0.080-1.831 0.089-1.831 0.089-0.125 0-0.276-0.009-0.437-0.009 1.223-1.867 3.33-3.099 5.732-3.099 1.786 0 3.411 0.688 4.634 1.804-0.027 0-0.062 0-0.089 0-0.67 0-1.152 0.581-1.152 1.215 0 0.562 0.33 1.036 0.678 1.606 0.269 0.456 0.562 1.045 0.562 1.894 0.001 0.587-0.239 1.267-0.526 2.222zM10.731 14.876c0.009 0.035 0.027 0.070 0.045 0.098-0.714 0.25-1.473 0.393-2.277 0.393-0.669 0-1.321-0.1-1.938-0.286l2.054-5.981 2.116 5.776zM15.366 8.5c0 2.535-1.375 4.741-3.42 5.929l2.098-6.054c0.348-1.001 0.527-1.767 0.527-2.465 0-0.249-0.018-0.482-0.054-0.705 0.537 0.982 0.849 2.099 0.849 3.295z"
/>
</svg>"Wordpress" icon from Themify Icons (https://github.com/lykmapipo/themify-icons), licensed under MIT license.