Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Creativecommons icon
A free creativecommons 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/creativecommons.jsonimport * as React from "react";
/**
* Creativecommons from Devicons (https://vorillaz.github.io/devicons/), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/devicons/creativecommons. Sized in em, colored by currentColor.
*/
export function DiCreativecommonsIcon(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="M15.984 4.926c-3.112 0-5.851 1.152-7.967 3.299-2.178 2.21-3.361 5.073-3.361 8.061 0 3.019 1.151 5.819 3.33 7.998s5.011 3.361 7.998 3.361 5.882-1.183 8.123-3.392c2.116-2.085 3.237-4.855 3.237-7.967 0-3.081-1.12-5.882-3.268-8.030-2.179-2.178-4.98-3.33-8.092-3.33zM16.015 6.98c2.552 0 4.824 0.965 6.598 2.739 1.743 1.743 2.676 4.046 2.676 6.567 0 2.552-0.902 4.792-2.645 6.505-1.836 1.805-4.201 2.77-6.629 2.77-2.459 0-4.762-0.965-6.536-2.739s-2.77-4.108-2.77-6.536c0-2.459 0.996-4.793 2.77-6.598 1.743-1.774 3.984-2.708 6.536-2.708zM15.869 14.399c-0.642-1.17-1.736-1.636-3.007-1.636-1.85 0-3.322 1.309-3.322 3.523 0 2.252 1.384 3.523 3.385 3.523 1.284 0 2.378-0.705 2.982-1.774l-1.409-0.717c-0.315 0.755-0.793 0.981-1.397 0.981-1.044 0-1.523-0.868-1.523-2.013s0.403-2.014 1.523-2.014c0.302 0 0.906 0.164 1.258 0.919l1.51-0.793zM22.422 14.399c-0.642-1.17-1.736-1.636-3.007-1.636-1.85 0-3.322 1.309-3.322 3.523 0 2.252 1.384 3.523 3.385 3.523 1.284 0 2.378-0.705 2.982-1.774l-1.409-0.717c-0.315 0.755-0.793 0.981-1.397 0.981-1.044 0-1.523-0.868-1.523-2.013s0.403-2.014 1.523-2.014c0.302 0 0.906 0.164 1.259 0.919l1.51-0.793z"
/>
</svg>
);
}import { DiCreativecommons } from "react-icons/di";
export function Example() {
return <DiCreativecommons 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="M15.984 4.926c-3.112 0-5.851 1.152-7.967 3.299-2.178 2.21-3.361 5.073-3.361 8.061 0 3.019 1.151 5.819 3.33 7.998s5.011 3.361 7.998 3.361 5.882-1.183 8.123-3.392c2.116-2.085 3.237-4.855 3.237-7.967 0-3.081-1.12-5.882-3.268-8.030-2.179-2.178-4.98-3.33-8.092-3.33zM16.015 6.98c2.552 0 4.824 0.965 6.598 2.739 1.743 1.743 2.676 4.046 2.676 6.567 0 2.552-0.902 4.792-2.645 6.505-1.836 1.805-4.201 2.77-6.629 2.77-2.459 0-4.762-0.965-6.536-2.739s-2.77-4.108-2.77-6.536c0-2.459 0.996-4.793 2.77-6.598 1.743-1.774 3.984-2.708 6.536-2.708zM15.869 14.399c-0.642-1.17-1.736-1.636-3.007-1.636-1.85 0-3.322 1.309-3.322 3.523 0 2.252 1.384 3.523 3.385 3.523 1.284 0 2.378-0.705 2.982-1.774l-1.409-0.717c-0.315 0.755-0.793 0.981-1.397 0.981-1.044 0-1.523-0.868-1.523-2.013s0.403-2.014 1.523-2.014c0.302 0 0.906 0.164 1.258 0.919l1.51-0.793zM22.422 14.399c-0.642-1.17-1.736-1.636-3.007-1.636-1.85 0-3.322 1.309-3.322 3.523 0 2.252 1.384 3.523 3.385 3.523 1.284 0 2.378-0.705 2.982-1.774l-1.409-0.717c-0.315 0.755-0.793 0.981-1.397 0.981-1.044 0-1.523-0.868-1.523-2.013s0.403-2.014 1.523-2.014c0.302 0 0.906 0.164 1.259 0.919l1.51-0.793z"
/>
</svg>"Creativecommons" icon from Devicons (https://vorillaz.github.io/devicons/), licensed under MIT license.