Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Joomla icon
A free joomla icon from Devicons, 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
- vorillaz.github.io
npx shadcn@latest add https://ui.cuelark.com/r/icons/devicons/joomla.jsonimport * as React from "react";
/**
* Joomla from Devicons (https://vorillaz.github.io/devicons/), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/devicons/joomla. Sized in em, colored by currentColor.
*/
export function DiJoomlaIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
version="1.1"
viewBox="0 0 32 32"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M7.091 10.978c-0.51 1.706-0.093 3.63 1.254 4.977l5.023 5.018 2.227-2.228-5.023-5.018c-0.72-0.721-0.722-1.897 0.004-2.623 0.724-0.724 1.896-0.724 2.619-0.001l0.173 0.174 2.229-2.228-0.173-0.173c-1.271-1.271-3.054-1.715-4.684-1.333-0.234-1.435-1.479-2.53-2.981-2.531-1.668 0-3.019 1.353-3.020 3.021-0 1.439 1.005 2.642 2.352 2.947zM11.272 13.897l2.229 2.228 5.022-5.018c0.726-0.726 1.896-0.724 2.617-0.004 0.723 0.723 0.723 1.896-0.001 2.62l-0.172 0.172 2.227 2.229 0.174-0.174c1.332-1.334 1.756-3.232 1.27-4.925 1.48-0.195 2.622-1.462 2.622-2.995 0.001-1.669-1.352-3.021-3.020-3.021-1.527 0-2.789 1.133-2.992 2.603-1.699-0.499-3.611-0.077-4.953 1.264l-0.435 0.434-4.589 4.585zM24.693 21.55c0.398-1.639-0.044-3.442-1.325-4.723l-5.016-5.021-2.229 2.227 5.016 5.021c0.726 0.726 0.725 1.895 0.004 2.617-0.723 0.722-1.897 0.722-2.62-0.001l-0.171-0.171-2.227 2.229 0.171 0.171c1.357 1.356 3.299 1.771 5.012 1.244 0.279 1.38 1.499 2.418 2.961 2.418 1.667 0 3.020-1.351 3.020-3.020 0-1.524-1.128-2.785-2.596-2.991zM20.44 18.882l-2.227-2.229-5.018 5.021c-0.72 0.721-1.896 0.723-2.622-0.003-0.724-0.725-0.724-1.896-0.001-2.62l0.172-0.171-2.229-2.227-0.17 0.17c-1.296 1.295-1.732 3.123-1.311 4.778-1.332 0.314-2.323 1.512-2.323 2.94-0 1.668 1.352 3.020 3.021 3.020 1.435-0.001 2.636-1.001 2.944-2.343 1.647 0.409 3.461-0.029 4.748-1.316l5.016-5.020z"
/>
</svg>
);
}import { DiJoomla } from "react-icons/di";
export function Example() {
return <DiJoomla className="size-5" />;
}<svg
version="1.1"
viewBox="0 0 32 32"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M7.091 10.978c-0.51 1.706-0.093 3.63 1.254 4.977l5.023 5.018 2.227-2.228-5.023-5.018c-0.72-0.721-0.722-1.897 0.004-2.623 0.724-0.724 1.896-0.724 2.619-0.001l0.173 0.174 2.229-2.228-0.173-0.173c-1.271-1.271-3.054-1.715-4.684-1.333-0.234-1.435-1.479-2.53-2.981-2.531-1.668 0-3.019 1.353-3.020 3.021-0 1.439 1.005 2.642 2.352 2.947zM11.272 13.897l2.229 2.228 5.022-5.018c0.726-0.726 1.896-0.724 2.617-0.004 0.723 0.723 0.723 1.896-0.001 2.62l-0.172 0.172 2.227 2.229 0.174-0.174c1.332-1.334 1.756-3.232 1.27-4.925 1.48-0.195 2.622-1.462 2.622-2.995 0.001-1.669-1.352-3.021-3.020-3.021-1.527 0-2.789 1.133-2.992 2.603-1.699-0.499-3.611-0.077-4.953 1.264l-0.435 0.434-4.589 4.585zM24.693 21.55c0.398-1.639-0.044-3.442-1.325-4.723l-5.016-5.021-2.229 2.227 5.016 5.021c0.726 0.726 0.725 1.895 0.004 2.617-0.723 0.722-1.897 0.722-2.62-0.001l-0.171-0.171-2.227 2.229 0.171 0.171c1.357 1.356 3.299 1.771 5.012 1.244 0.279 1.38 1.499 2.418 2.961 2.418 1.667 0 3.020-1.351 3.020-3.020 0-1.524-1.128-2.785-2.596-2.991zM20.44 18.882l-2.227-2.229-5.018 5.021c-0.72 0.721-1.896 0.723-2.622-0.003-0.724-0.725-0.724-1.896-0.001-2.62l0.172-0.171-2.229-2.227-0.17 0.17c-1.296 1.295-1.732 3.123-1.311 4.778-1.332 0.314-2.323 1.512-2.323 2.94-0 1.668 1.352 3.020 3.021 3.020 1.435-0.001 2.636-1.001 2.944-2.343 1.647 0.409 3.461-0.029 4.748-1.316l5.016-5.020z"
/>
</svg>"Joomla" icon from Devicons (https://vorillaz.github.io/devicons/), licensed under MIT license.