Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Brackets icon
A free brackets 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/brackets.jsonimport * as React from "react";
/**
* Brackets from Devicons (https://vorillaz.github.io/devicons/), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/devicons/brackets. Sized in em, colored by currentColor.
*/
export function DiBracketsIcon(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="M24.995 5.975h-17.891c-1.212 0-2.218 1.223-2.409 2.826v1.107c0.004 0.037 0.009 0.074 0.014 0.111-0.006 0.026-0.010 0.053-0.014 0.080v13.989c0.279 1.444 1.229 2.507 2.36 2.507h17.891c1.131 0 2.082-1.063 2.36-2.507v-15.831c-0.329-1.328-1.239-2.284-2.31-2.284zM25.117 22.579c-0.224 1.165-0.991 2.022-1.903 2.022h-14.428c-0.912 0-1.678-0.857-1.903-2.022v-11.282c0.004-0.022 0.006-0.044 0.011-0.065-0.004-0.030-0.008-0.059-0.011-0.089v-0.893c0.154-1.293 0.965-2.28 1.943-2.28h14.428c0.864 0 1.597 0.77 1.863 1.841v12.767zM8.889 16.286v6.117h6.365v-2.785h-3.581v-6.664h3.581v-2.785h-6.366v6.117zM16.746 11.561v1.392h3.581v6.664h-3.581v2.785h6.366v-12.234h-6.366v1.392z"
/>
</svg>
);
}import { DiBrackets } from "react-icons/di";
export function Example() {
return <DiBrackets 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="M24.995 5.975h-17.891c-1.212 0-2.218 1.223-2.409 2.826v1.107c0.004 0.037 0.009 0.074 0.014 0.111-0.006 0.026-0.010 0.053-0.014 0.080v13.989c0.279 1.444 1.229 2.507 2.36 2.507h17.891c1.131 0 2.082-1.063 2.36-2.507v-15.831c-0.329-1.328-1.239-2.284-2.31-2.284zM25.117 22.579c-0.224 1.165-0.991 2.022-1.903 2.022h-14.428c-0.912 0-1.678-0.857-1.903-2.022v-11.282c0.004-0.022 0.006-0.044 0.011-0.065-0.004-0.030-0.008-0.059-0.011-0.089v-0.893c0.154-1.293 0.965-2.28 1.943-2.28h14.428c0.864 0 1.597 0.77 1.863 1.841v12.767zM8.889 16.286v6.117h6.365v-2.785h-3.581v-6.664h3.581v-2.785h-6.366v6.117zM16.746 11.561v1.392h3.581v6.664h-3.581v2.785h6.366v-12.234h-6.366v1.392z"
/>
</svg>"Brackets" icon from Devicons (https://vorillaz.github.io/devicons/), licensed under MIT license.