2 Years of Cal ID Pro — FREE (#1 Free Calendly Alternative)
Team features worth $1440 free12
Days :
23
Hrs :
41
Mins :
06
Secs 100% OFF
Teams
$0
$1,440 Value
- Remove "Powered By" Branding
- Unlimited Everything
- Accept Payments
No credit card required
Cil Braille Icon SVG
Cil Braille
Cil braille SVG Icon Code | Customize color
You can get svg icon cil braille in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Svg Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="var(--ci-primary-color, currentColor)" d="M112,192a48,48,0,1,0-48,48A48.055,48.055,0,0,0,112,192Zm-64,0a16,16,0,1,1,16,16A16.019,16.019,0,0,1,48,192Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M320,240a48,48,0,1,0-48-48A48.055,48.055,0,0,0,320,240Zm0-64a16,16,0,1,1-16,16A16.019,16.019,0,0,1,320,176Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M184,112a48,48,0,1,0-48-48A48.055,48.055,0,0,0,184,112Zm0-64a16,16,0,1,1-16,16A16.019,16.019,0,0,1,184,48Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M448,144a48,48,0,1,0,48,48A48.055,48.055,0,0,0,448,144Zm0,64a16,16,0,1,1,16-16A16.019,16.019,0,0,1,448,208Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M448,112a48,48,0,1,0-48-48A48.055,48.055,0,0,0,448,112Zm0-64a16,16,0,1,1-16,16A16.019,16.019,0,0,1,448,48Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M320,112a48,48,0,1,0-48-48A48.055,48.055,0,0,0,320,112Zm0-64a16,16,0,1,1-16,16A16.019,16.019,0,0,1,320,48Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M376,320a47.691,47.691,0,0,0-23.549,6.184,47.958,47.958,0,0,0-64-16A47.991,47.991,0,0,0,232,290.742V248a48,48,0,0,0-96,0v96.038A79.6,79.6,0,0,0,88,328a24.028,24.028,0,0,0-24,24V496H96V360.667A48.078,48.078,0,0,1,136,408v16h32V248a16,16,0,0,1,32,0V424h32V336a16,16,0,0,1,32,0v88h32V352a16,16,0,0,1,32,0v72h32V368a16,16,0,0,1,32,0V496h32V368A48.055,48.055,0,0,0,376,320Z" class="ci-primary"/> </svg> Svg Code
<svg style='color: white' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="var(--ci-primary-color, currentColor)" d="M112,192a48,48,0,1,0-48,48A48.055,48.055,0,0,0,112,192Zm-64,0a16,16,0,1,1,16,16A16.019,16.019,0,0,1,48,192Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M320,240a48,48,0,1,0-48-48A48.055,48.055,0,0,0,320,240Zm0-64a16,16,0,1,1-16,16A16.019,16.019,0,0,1,320,176Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M184,112a48,48,0,1,0-48-48A48.055,48.055,0,0,0,184,112Zm0-64a16,16,0,1,1-16,16A16.019,16.019,0,0,1,184,48Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M448,144a48,48,0,1,0,48,48A48.055,48.055,0,0,0,448,144Zm0,64a16,16,0,1,1,16-16A16.019,16.019,0,0,1,448,208Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M448,112a48,48,0,1,0-48-48A48.055,48.055,0,0,0,448,112Zm0-64a16,16,0,1,1-16,16A16.019,16.019,0,0,1,448,48Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M320,112a48,48,0,1,0-48-48A48.055,48.055,0,0,0,320,112Zm0-64a16,16,0,1,1-16,16A16.019,16.019,0,0,1,320,48Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M376,320a47.691,47.691,0,0,0-23.549,6.184,47.958,47.958,0,0,0-64-16A47.991,47.991,0,0,0,232,290.742V248a48,48,0,0,0-96,0v96.038A79.6,79.6,0,0,0,88,328a24.028,24.028,0,0,0-24,24V496H96V360.667A48.078,48.078,0,0,1,136,408v16h32V248a16,16,0,0,1,32,0V424h32V336a16,16,0,0,1,32,0v88h32V352a16,16,0,0,1,32,0v72h32V368a16,16,0,0,1,32,0V496h32V368A48.055,48.055,0,0,0,376,320Z" class="ci-primary"/> </svg> Svg Code
<svg style='color: red' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="var(--ci-primary-color, currentColor)" d="M112,192a48,48,0,1,0-48,48A48.055,48.055,0,0,0,112,192Zm-64,0a16,16,0,1,1,16,16A16.019,16.019,0,0,1,48,192Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M320,240a48,48,0,1,0-48-48A48.055,48.055,0,0,0,320,240Zm0-64a16,16,0,1,1-16,16A16.019,16.019,0,0,1,320,176Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M184,112a48,48,0,1,0-48-48A48.055,48.055,0,0,0,184,112Zm0-64a16,16,0,1,1-16,16A16.019,16.019,0,0,1,184,48Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M448,144a48,48,0,1,0,48,48A48.055,48.055,0,0,0,448,144Zm0,64a16,16,0,1,1,16-16A16.019,16.019,0,0,1,448,208Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M448,112a48,48,0,1,0-48-48A48.055,48.055,0,0,0,448,112Zm0-64a16,16,0,1,1-16,16A16.019,16.019,0,0,1,448,48Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M320,112a48,48,0,1,0-48-48A48.055,48.055,0,0,0,320,112Zm0-64a16,16,0,1,1-16,16A16.019,16.019,0,0,1,320,48Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M376,320a47.691,47.691,0,0,0-23.549,6.184,47.958,47.958,0,0,0-64-16A47.991,47.991,0,0,0,232,290.742V248a48,48,0,0,0-96,0v96.038A79.6,79.6,0,0,0,88,328a24.028,24.028,0,0,0-24,24V496H96V360.667A48.078,48.078,0,0,1,136,408v16h32V248a16,16,0,0,1,32,0V424h32V336a16,16,0,0,1,32,0v88h32V352a16,16,0,0,1,32,0v72h32V368a16,16,0,0,1,32,0V496h32V368A48.055,48.055,0,0,0,376,320Z" class="ci-primary"/> </svg> Svg Code
<svg style='color: blue' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="var(--ci-primary-color, currentColor)" d="M112,192a48,48,0,1,0-48,48A48.055,48.055,0,0,0,112,192Zm-64,0a16,16,0,1,1,16,16A16.019,16.019,0,0,1,48,192Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M320,240a48,48,0,1,0-48-48A48.055,48.055,0,0,0,320,240Zm0-64a16,16,0,1,1-16,16A16.019,16.019,0,0,1,320,176Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M184,112a48,48,0,1,0-48-48A48.055,48.055,0,0,0,184,112Zm0-64a16,16,0,1,1-16,16A16.019,16.019,0,0,1,184,48Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M448,144a48,48,0,1,0,48,48A48.055,48.055,0,0,0,448,144Zm0,64a16,16,0,1,1,16-16A16.019,16.019,0,0,1,448,208Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M448,112a48,48,0,1,0-48-48A48.055,48.055,0,0,0,448,112Zm0-64a16,16,0,1,1-16,16A16.019,16.019,0,0,1,448,48Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M320,112a48,48,0,1,0-48-48A48.055,48.055,0,0,0,320,112Zm0-64a16,16,0,1,1-16,16A16.019,16.019,0,0,1,320,48Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M376,320a47.691,47.691,0,0,0-23.549,6.184,47.958,47.958,0,0,0-64-16A47.991,47.991,0,0,0,232,290.742V248a48,48,0,0,0-96,0v96.038A79.6,79.6,0,0,0,88,328a24.028,24.028,0,0,0-24,24V496H96V360.667A48.078,48.078,0,0,1,136,408v16h32V248a16,16,0,0,1,32,0V424h32V336a16,16,0,0,1,32,0v88h32V352a16,16,0,0,1,32,0v72h32V368a16,16,0,0,1,32,0V496h32V368A48.055,48.055,0,0,0,376,320Z" class="ci-primary"/> </svg> Svg Code
<svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="var(--ci-primary-color, currentColor)" d="M112,192a48,48,0,1,0-48,48A48.055,48.055,0,0,0,112,192Zm-64,0a16,16,0,1,1,16,16A16.019,16.019,0,0,1,48,192Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M320,240a48,48,0,1,0-48-48A48.055,48.055,0,0,0,320,240Zm0-64a16,16,0,1,1-16,16A16.019,16.019,0,0,1,320,176Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M184,112a48,48,0,1,0-48-48A48.055,48.055,0,0,0,184,112Zm0-64a16,16,0,1,1-16,16A16.019,16.019,0,0,1,184,48Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M448,144a48,48,0,1,0,48,48A48.055,48.055,0,0,0,448,144Zm0,64a16,16,0,1,1,16-16A16.019,16.019,0,0,1,448,208Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M448,112a48,48,0,1,0-48-48A48.055,48.055,0,0,0,448,112Zm0-64a16,16,0,1,1-16,16A16.019,16.019,0,0,1,448,48Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M320,112a48,48,0,1,0-48-48A48.055,48.055,0,0,0,320,112Zm0-64a16,16,0,1,1-16,16A16.019,16.019,0,0,1,320,48Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M376,320a47.691,47.691,0,0,0-23.549,6.184,47.958,47.958,0,0,0-64-16A47.991,47.991,0,0,0,232,290.742V248a48,48,0,0,0-96,0v96.038A79.6,79.6,0,0,0,88,328a24.028,24.028,0,0,0-24,24V496H96V360.667A48.078,48.078,0,0,1,136,408v16h32V248a16,16,0,0,1,32,0V424h32V336a16,16,0,0,1,32,0v88h32V352a16,16,0,0,1,32,0v72h32V368a16,16,0,0,1,32,0V496h32V368A48.055,48.055,0,0,0,376,320Z" class="ci-primary"/> </svg> Advance Editor
You can edit cil braille as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements