Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Md Desktop icon
A free md desktop icon from Ionicons 4, 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
- ionicons.com
npx shadcn@latest add https://ui.cuelark.com/r/icons/ionicons-4/md-desktop.jsonimport * as React from "react";
/**
* Md Desktop from Ionicons 4 (https://ionicons.com/), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/ionicons-4/md-desktop. Sized in em, colored by currentColor.
*/
export function IoMdDesktopIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
viewBox="0 0 512 512"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M437.333 32H74.667C51.198 32 32 51.197 32 74.666v282.667C32 380.802 51.198 400 74.667 400h138.666l-42.666 48v32h170.666v-32l-42.666-48h138.666C460.802 400 480 380.802 480 357.333V74.666C480 51.197 460.802 32 437.333 32zm0 288H74.667V74.666h362.666V320z"
/>
</svg>
);
}import { IoMdDesktop } from "react-icons/io";
export function Example() {
return <IoMdDesktop className="size-5" />;
}<svg
viewBox="0 0 512 512"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M437.333 32H74.667C51.198 32 32 51.197 32 74.666v282.667C32 380.802 51.198 400 74.667 400h138.666l-42.666 48v32h170.666v-32l-42.666-48h138.666C460.802 400 480 380.802 480 357.333V74.666C480 51.197 460.802 32 437.333 32zm0 288H74.667V74.666h362.666V320z"
/>
</svg>"Md Desktop" icon from Ionicons 4 (https://ionicons.com/), licensed under MIT license.