smiley-happy-plus
SmileyHappyPlus, one of the 856 Vela UI icons, in the General group: a 24px grid drawn in currentColor, so it takes the colour of the text around it. It installs on its own as @velaui/icon-smiley-happy-plus.
- 16px
- 20px
- 24px
- 32px
Installation
pnpm dlx velaui add @velaui/icon-smiley-happy-plusnpx shadcn@latest add @velaui/icon-smiley-happy-plusyarn dlx shadcn@latest add @velaui/icon-smiley-happy-plusbunx --bun shadcn@latest add @velaui/icon-smiley-happy-plusUsage
// components/icons/smiley-happy-plus.tsx
import SmileyHappyPlus from "@/components/icons/smiley-happy-plus"
<SmileyHappyPlus className="size-5 text-muted" />In use
In a button
In a sentence
Due Friday, or whenever the venue confirms.
In an input
As a badge
ScheduledIn an empty state
No events on this day yet.
Browse blocks
Source
import * as React from "react";
export interface SmileyHappyPlusProps extends React.SVGProps<SVGSVGElement> {
size?: number | string;
}
/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function SmileyHappyPlus({ size = 24, strokeWidth = 0, className, ref, ...props }: SmileyHappyPlusProps) {
return (
<svg
ref={ref}
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
strokeWidth={strokeWidth}
className={className}
{...props}
>
<path d="M17.9347 11.6052L18.069 11.1235L17.9347 11.6052ZM18.3539 12.0274L18.8411 11.9147L18.3539 12.0274ZM12.8019 5.68592L12.9752 5.21693V5.21693L12.8019 5.68592ZM13.1651 6.15869L12.6705 6.23234L13.1651 6.15869ZM20.3161 2C20.3161 1.72386 20.0922 1.5 19.8161 1.5C19.54 1.5 19.3161 1.72386 19.3161 2H19.8161H20.3161ZM19.3161 8.6006C19.3161 8.87674 19.54 9.1006 19.8161 9.1006C20.0922 9.1006 20.3161 8.87674 20.3161 8.6006H19.8161H19.3161ZM16.5761 4.81494C16.3 4.81494 16.0761 5.0388 16.0761 5.31494C16.0761 5.59108 16.3 5.81494 16.5761 5.81494V5.31494V4.81494ZM23 5.81494C23.2761 5.81494 23.5 5.59108 23.5 5.31494C23.5 5.0388 23.2761 4.81494 23 4.81494V5.31494V5.81494ZM7.27149 15.5887C7.12791 15.3528 6.8203 15.278 6.58442 15.4216C6.34854 15.5651 6.27372 15.8728 6.41729 16.1086L6.84439 15.8487L7.27149 15.5887ZM13.5968 16.1086C13.7404 15.8728 13.6656 15.5651 13.4297 15.4216C13.1938 15.278 12.8862 15.3528 12.7426 15.5887L13.1697 15.8487L13.5968 16.1086ZM7.22926 10.9425V10.4425C6.95311 10.4425 6.72926 10.6664 6.72926 10.9425H7.22926ZM7.32013 10.9425H7.82013C7.82013 10.6664 7.59627 10.4425 7.32013 10.4425V10.9425ZM12.703 10.9425V10.4425C12.4269 10.4425 12.203 10.6664 12.203 10.9425H12.703ZM12.7838 10.9425H13.2838C13.2838 10.6664 13.06 10.4425 12.7838 10.4425V10.9425ZM7.32013 11.0168V11.5168C7.59627 11.5168 7.82013 11.2929 7.82013 11.0168H7.32013ZM7.22926 11.0168H6.72926C6.72926 11.2929 6.95311 11.5168 7.22926 11.5168V11.0168ZM12.7838 11.0168V11.5168C13.06 11.5168 13.2838 11.2929 13.2838 11.0168H12.7838ZM12.703 11.0168H12.203C12.203 11.2929 12.4269 11.5168 12.703 11.5168V11.0168ZM12.8019 5.68592L12.9752 5.21693C11.982 4.84986 10.9101 4.6498 9.79321 4.6498V5.1498V5.6498C10.7899 5.6498 11.7445 5.82819 12.6286 6.15492L12.8019 5.68592ZM17.9347 11.6052L18.069 11.1235C15.7786 10.485 14.0221 8.51895 13.6596 6.08503L13.1651 6.15869L12.6705 6.23234C13.0908 9.05408 15.1274 11.3416 17.8004 12.0868L17.9347 11.6052ZM18.5864 14.0749H19.0864C19.0864 13.3322 19.0016 12.6089 18.8411 11.9147L18.3539 12.0274L17.8668 12.1401C18.0104 12.7608 18.0864 13.4085 18.0864 14.0749H18.5864ZM9.79321 23V23.5C14.9327 23.5 19.0864 19.2732 19.0864 14.0749H18.5864H18.0864C18.0864 18.735 14.3664 22.5 9.79321 22.5V23ZM1 14.0749H0.5C0.5 19.2732 4.65372 23.5 9.79321 23.5V23V22.5C5.21999 22.5 1.5 18.735 1.5 14.0749H1ZM9.79321 5.1498V4.6498C4.65372 4.6498 0.5 8.8766 0.5 14.0749H1H1.5C1.5 9.4148 5.21999 5.6498 9.79321 5.6498V5.1498ZM17.9347 11.6052L17.8004 12.0868C17.8232 12.0931 17.8405 12.1042 17.8515 12.115C17.8616 12.125 17.8653 12.1335 17.8668 12.1401L18.3539 12.0274L18.8411 11.9147C18.7465 11.5057 18.427 11.2233 18.069 11.1235L17.9347 11.6052ZM12.8019 5.68592L12.6286 6.15492C12.6307 6.15572 12.6375 6.15861 12.6465 6.17066C12.6563 6.18363 12.6664 6.20471 12.6705 6.23234L13.1651 6.15869L13.6596 6.08503C13.6055 5.72159 13.3715 5.36338 12.9752 5.21693L12.8019 5.68592ZM19.8161 2H19.3161V8.6006H19.8161H20.3161V2H19.8161ZM16.5761 5.31494V5.81494H23V5.31494V4.81494H16.5761V5.31494ZM10.0071 17.6663V17.1663C8.86612 17.1663 7.85355 16.5449 7.27149 15.5887L6.84439 15.8487L6.41729 16.1086C7.16555 17.3379 8.48875 18.1663 10.0071 18.1663V17.6663ZM13.1697 15.8487L12.7426 15.5887C12.1606 16.5449 11.148 17.1663 10.0071 17.1663V17.6663V18.1663C11.5254 18.1663 12.8486 17.3379 13.5968 16.1086L13.1697 15.8487ZM7.22926 10.9425V11.4425H7.32013V10.9425V10.4425H7.22926V10.9425ZM12.703 10.9425V11.4425H12.7838V10.9425V10.4425H12.703V10.9425ZM7.32013 10.9425H6.82013V11.0168H7.32013H7.82013V10.9425H7.32013ZM7.32013 11.0168V10.5168H7.22926V11.0168V11.5168H7.32013V11.0168ZM7.22926 11.0168H7.72926V10.9425H7.22926H6.72926V11.0168H7.22926ZM12.7838 10.9425H12.2838V11.0168H12.7838H13.2838V10.9425H12.7838ZM12.7838 11.0168V10.5168H12.703V11.0168V11.5168H12.7838V11.0168ZM12.703 11.0168H13.203V10.9425H12.703H12.203V11.0168H12.703Z" fill="currentColor"/>
</svg>
);
}
SmileyHappyPlus.displayName = "SmileyHappyPlus";
export default SmileyHappyPlus;