2 Years of Cal ID Pro — FREE (#1 Free Calendly Alternative)
Team features worth $1440 free12
Days :
23
Hrs :
41
Mins :
06
Secs Trusted By 
42,000+ teams switched.
+42k
Integrations
100% OFF
Teams
$0
$1,440 Value
- Remove "Powered By" Branding
- Unlimited Everything
- Accept Payments
No credit card required
Cil Qr Code Icon SVG
Cil Qr Code
Cil qr code SVG Icon Code | Customize color
You can get svg icon cil qr code in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <polygon fill="var(--ci-primary-color, currentColor)" points="48 48 176 48 176 16 16 16 16 176 48 176 48 48" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M176,176V80H80v96h96Zm-64-64h32v32H112Z" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="328 48 464 48 464 176 496 176 496 16 328 16 328 48" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M432,176V80H336v96h96Zm-64-64h32v32H368Z" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="176 464 48 464 48 336 16 336 16 496 176 496 176 464" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M176,336H80v96h96V336Zm-32,64H112V368h32Z" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="464 464 328 464 328 496 496 496 496 336 464 336 464 464" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="272 304 400 304 400 368 432 368 432 272 272 272 272 304" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="432 432 432 400 240 400 240 272 80 272 80 304 208 304 208 432 432 432" class="ci-primary"/> <rect width="32" height="96" x="208" y="80" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="80 240 304 240 304 80 272 80 272 208 80 208 80 240" class="ci-primary"/> <rect width="96" height="32" x="336" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="336" y="336" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="272" y="336" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> </svg> Svg Code
<svg style='color: white' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <polygon fill="var(--ci-primary-color, currentColor)" points="48 48 176 48 176 16 16 16 16 176 48 176 48 48" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M176,176V80H80v96h96Zm-64-64h32v32H112Z" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="328 48 464 48 464 176 496 176 496 16 328 16 328 48" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M432,176V80H336v96h96Zm-64-64h32v32H368Z" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="176 464 48 464 48 336 16 336 16 496 176 496 176 464" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M176,336H80v96h96V336Zm-32,64H112V368h32Z" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="464 464 328 464 328 496 496 496 496 336 464 336 464 464" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="272 304 400 304 400 368 432 368 432 272 272 272 272 304" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="432 432 432 400 240 400 240 272 80 272 80 304 208 304 208 432 432 432" class="ci-primary"/> <rect width="32" height="96" x="208" y="80" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="80 240 304 240 304 80 272 80 272 208 80 208 80 240" class="ci-primary"/> <rect width="96" height="32" x="336" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="336" y="336" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="272" y="336" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> </svg> Svg Code
<svg style='color: red' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <polygon fill="var(--ci-primary-color, currentColor)" points="48 48 176 48 176 16 16 16 16 176 48 176 48 48" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M176,176V80H80v96h96Zm-64-64h32v32H112Z" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="328 48 464 48 464 176 496 176 496 16 328 16 328 48" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M432,176V80H336v96h96Zm-64-64h32v32H368Z" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="176 464 48 464 48 336 16 336 16 496 176 496 176 464" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M176,336H80v96h96V336Zm-32,64H112V368h32Z" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="464 464 328 464 328 496 496 496 496 336 464 336 464 464" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="272 304 400 304 400 368 432 368 432 272 272 272 272 304" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="432 432 432 400 240 400 240 272 80 272 80 304 208 304 208 432 432 432" class="ci-primary"/> <rect width="32" height="96" x="208" y="80" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="80 240 304 240 304 80 272 80 272 208 80 208 80 240" class="ci-primary"/> <rect width="96" height="32" x="336" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="336" y="336" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="272" y="336" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> </svg> Svg Code
<svg style='color: blue' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <polygon fill="var(--ci-primary-color, currentColor)" points="48 48 176 48 176 16 16 16 16 176 48 176 48 48" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M176,176V80H80v96h96Zm-64-64h32v32H112Z" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="328 48 464 48 464 176 496 176 496 16 328 16 328 48" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M432,176V80H336v96h96Zm-64-64h32v32H368Z" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="176 464 48 464 48 336 16 336 16 496 176 496 176 464" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M176,336H80v96h96V336Zm-32,64H112V368h32Z" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="464 464 328 464 328 496 496 496 496 336 464 336 464 464" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="272 304 400 304 400 368 432 368 432 272 272 272 272 304" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="432 432 432 400 240 400 240 272 80 272 80 304 208 304 208 432 432 432" class="ci-primary"/> <rect width="32" height="96" x="208" y="80" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="80 240 304 240 304 80 272 80 272 208 80 208 80 240" class="ci-primary"/> <rect width="96" height="32" x="336" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="336" y="336" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="272" y="336" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> </svg> Svg Code
<svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <polygon fill="var(--ci-primary-color, currentColor)" points="48 48 176 48 176 16 16 16 16 176 48 176 48 48" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M176,176V80H80v96h96Zm-64-64h32v32H112Z" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="328 48 464 48 464 176 496 176 496 16 328 16 328 48" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M432,176V80H336v96h96Zm-64-64h32v32H368Z" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="176 464 48 464 48 336 16 336 16 496 176 496 176 464" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M176,336H80v96h96V336Zm-32,64H112V368h32Z" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="464 464 328 464 328 496 496 496 496 336 464 336 464 464" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="272 304 400 304 400 368 432 368 432 272 272 272 272 304" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="432 432 432 400 240 400 240 272 80 272 80 304 208 304 208 432 432 432" class="ci-primary"/> <rect width="32" height="96" x="208" y="80" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="80 240 304 240 304 80 272 80 272 208 80 208 80 240" class="ci-primary"/> <rect width="96" height="32" x="336" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="336" y="336" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="272" y="336" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> </svg> Advance Editor
You can edit cil qr code as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements