Home
Get Started
Toggle Menu
function PhotoIcon(props) { return ( <svg {...props} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#ec4434" stroke="#ec4434" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" > <path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5" /> <rect x="2" y="6" width="14" height="12" rx="2" /> </svg> ) } create an svg for an image instead in this format | A shadcn/ui and v0 generation - v0
Link to saketh12's v0.app Profile
function PhotoIcon(props) { return ( <svg {...props} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#ec4434" stroke="#ec4434" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" > <path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5" /> <rect x="2" y="6" width="14" height="12" rx="2" /> </svg> ) } create an svg for an image instead in this format
Add
component
to project
Learn more
npx v0 add
a1B2c3d4
component.jsx
(read-only)
Log In to Copy Code
To enable copying code, saving to favorites, forking, and other features, please sign up or log in.
Authenticate
Copy Code
Copy CLI command
A
B
C
Link to saketh12's v0.app Profile
function PhotoIcon(props) { return ( <svg {...props} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#ec4434" stroke="#ec4434" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" > <path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5" /> <rect x="2" y="6" width="14" height="12" rx="2" /> </svg> ) } create an svg for an image instead in this format
History
Toggle
v0
Desktop
Tablet
Mobile
Full Screen
History
Theme
Code
Theme
