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
Calendar Meeting Icon SVG
Calendar Meeting
Calendar meeting SVG Icon Code | Customize color
You can get svg icon calendar meeting in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Svg Code
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 10H20V19C20 20.1046 19.1046 21 18 21H6C4.89543 21 4 20.1046 4 19V10Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.77778 5H4V10H20V5H18.2222M11.1111 5H12.8889" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <line x1="8" y1="4" x2="8" y2="6" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <line x1="16" y1="4" x2="16" y2="6" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="9.654" cy="14.5274" r="0.827004" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8 18.1111V17.8354C8 16.9219 8.74052 16.1814 9.65401 16.1814V16.1814C10.5675 16.1814 11.308 16.9219 11.308 17.8354V18.1111" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="14.346" cy="14.5274" r="0.827004" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.692 18.1111V17.8354C12.692 16.9219 13.4325 16.1814 14.346 16.1814V16.1814C15.2595 16.1814 16 16.9219 16 17.8354V18.1111" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: white' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 10H20V19C20 20.1046 19.1046 21 18 21H6C4.89543 21 4 20.1046 4 19V10Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.77778 5H4V10H20V5H18.2222M11.1111 5H12.8889" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <line x1="8" y1="4" x2="8" y2="6" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <line x1="16" y1="4" x2="16" y2="6" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="9.654" cy="14.5274" r="0.827004" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8 18.1111V17.8354C8 16.9219 8.74052 16.1814 9.65401 16.1814V16.1814C10.5675 16.1814 11.308 16.9219 11.308 17.8354V18.1111" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="14.346" cy="14.5274" r="0.827004" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.692 18.1111V17.8354C12.692 16.9219 13.4325 16.1814 14.346 16.1814V16.1814C15.2595 16.1814 16 16.9219 16 17.8354V18.1111" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: red' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 10H20V19C20 20.1046 19.1046 21 18 21H6C4.89543 21 4 20.1046 4 19V10Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.77778 5H4V10H20V5H18.2222M11.1111 5H12.8889" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <line x1="8" y1="4" x2="8" y2="6" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <line x1="16" y1="4" x2="16" y2="6" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="9.654" cy="14.5274" r="0.827004" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8 18.1111V17.8354C8 16.9219 8.74052 16.1814 9.65401 16.1814V16.1814C10.5675 16.1814 11.308 16.9219 11.308 17.8354V18.1111" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="14.346" cy="14.5274" r="0.827004" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.692 18.1111V17.8354C12.692 16.9219 13.4325 16.1814 14.346 16.1814V16.1814C15.2595 16.1814 16 16.9219 16 17.8354V18.1111" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: blue' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 10H20V19C20 20.1046 19.1046 21 18 21H6C4.89543 21 4 20.1046 4 19V10Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.77778 5H4V10H20V5H18.2222M11.1111 5H12.8889" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <line x1="8" y1="4" x2="8" y2="6" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <line x1="16" y1="4" x2="16" y2="6" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="9.654" cy="14.5274" r="0.827004" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8 18.1111V17.8354C8 16.9219 8.74052 16.1814 9.65401 16.1814V16.1814C10.5675 16.1814 11.308 16.9219 11.308 17.8354V18.1111" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="14.346" cy="14.5274" r="0.827004" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.692 18.1111V17.8354C12.692 16.9219 13.4325 16.1814 14.346 16.1814V16.1814C15.2595 16.1814 16 16.9219 16 17.8354V18.1111" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: #f3da35' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 10H20V19C20 20.1046 19.1046 21 18 21H6C4.89543 21 4 20.1046 4 19V10Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.77778 5H4V10H20V5H18.2222M11.1111 5H12.8889" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <line x1="8" y1="4" x2="8" y2="6" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <line x1="16" y1="4" x2="16" y2="6" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="9.654" cy="14.5274" r="0.827004" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8 18.1111V17.8354C8 16.9219 8.74052 16.1814 9.65401 16.1814V16.1814C10.5675 16.1814 11.308 16.9219 11.308 17.8354V18.1111" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="14.346" cy="14.5274" r="0.827004" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.692 18.1111V17.8354C12.692 16.9219 13.4325 16.1814 14.346 16.1814V16.1814C15.2595 16.1814 16 16.9219 16 17.8354V18.1111" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> Advance Editor
You can edit calendar meeting as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements