QuickBooks Online SVG Button Examples

SVG only QuickBooks App Buttons

The White Connect Basic Image Tag and Button Counterpart

qbo_connect_image_tag
C2qb white btn med
qbo_connect_button(root_url)
C2qb white btn med
qbo_connect_image_tag(size: 'lg', )
C2qb white btn lg
qbo_connect_button(root_url, size: 'lg', )
C2qb white btn lg
qbo_connect_image_tag(size: 'sm', options: { class: 'qbo-sm' })
C2qb white btn sm
qbo_connect_button(root_url, size: 'sm')
C2qb white btn sm

The Green Connect Basic Image Tag and Button Counterpart

qbo_connect_image_tag(color: 'green')
C2qb green btn med
qbo_connect_button(root_url, color: 'green')
C2qb green btn med
qbo_connect_image_tag(color: 'green', size: 'lg')
C2qb green btn lg
qbo_connect_button(root_url, color: 'green', size: 'lg')
C2qb green btn lg
qbo_connect_image_tag(color: 'green', size: 'sm', options: { class: 'qbo-reduce' })
C2qb green btn sm
qbo_connect_button(root_url, color: 'green', size: 'sm', options: { class: 'qbo-reduce' })
C2qb green btn sm

The White Sign In Basic Image Tag and Button Counterpart

intuit_sign_in_image_tag
Sign in white btn med
intuit_sign_in_button(root_url)
Sign in white btn med
intuit_sign_in_image_tag(size: 'lg')
Sign in white btn lg
intuit_sign_in_button(root_url, size: 'lg')
Sign in white btn lg
intuit_sign_in_image_tag(size: 'sm', options: { class: 'qbo-sm' })
Sign in white btn sm
intuit_sign_in_button(root_url, size: 'sm')
Sign in white btn sm

The Blue Sign In Basic Image Tag and Button Counterpart

intuit_sign_in_image_tag(color: 'blue')
Sign in blue btn med
intuit_sign_in_button(root_url, color: 'blue')
Sign in blue btn med
intuit_sign_in_image_tag(size: 'lg', color: 'blue')
Sign in blue btn lg
intuit_sign_in_button(root_url, size: 'lg', color: 'blue')
Sign in blue btn lg
intuit_sign_in_image_tag(size: 'sm', color: 'blue', options: { class: 'qbo-reduce' })
Sign in blue btn sm
intuit_sign_in_button(root_url, color: 'blue', size: 'sm', options: { class: 'qbo-reduce' })
Sign in blue btn sm