Иконка Calendar
fluent-emoji:calendar
Иконка Calendar (fluent-emoji:calendar) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iblD6bb)"><rect width="27.953" height="27.953" x="2.047" y="2.023" fill="url(#ihlkKsd)" rx="5.25"/></g><rect width="27.953" height="27.953" x="2.047" y="2.023" fill="url(#iONhPZD)" rx="5.25"/><path fill="url(#iYpyoIb)" d="M30 9.023H2.047v-1.75c0-2.9 2.35-5.25 5.25-5.25H24.75c2.9 0 5.25 2.35 5.25 5.25z"/><path fill="url(#iq8Kjlb)" d="M30 9.023H2.047v-1.75c0-2.9 2.35-5.25 5.25-5.25H24.75c2.9 0 5.25 2.35 5.25 5.25z"/><path fill="url(#i2vW9qd)" d="M30 9.023H2.047v-1.75c0-2.9 2.35-5.25 5.25-5.25H24.75c2.9 0 5.25 2.35 5.25 5.25z"/><path fill="url(#i5VGQob)" d="M30 9.023H2.047v-1.75c0-2.9 2.35-5.25 5.25-5.25H24.75c2.9 0 5.25 2.35 5.25 5.25z"/><g filter="url(#iAQDVWb)"><path stroke="url(#iSGtLlW)" stroke-width="1.5" d="M29.031 8.344c0-2.9-1.25-5.25-5.25-5.25H13.625"/></g><g filter="url(#i5qYt3b)"><rect width="3.086" height="3.125" x="7.797" y="11.953" fill="#A59CB4" rx=".1"/></g><g filter="url(#idwYkac)"><rect width="3.086" height="3.125" x="14.481" y="11.953" fill="#A59CB4" rx=".1"/></g><g filter="url(#iThMK7c)"><rect width="3.086" height="3.125" x="21.164" y="11.953" fill="#A59CB4" rx=".1"/></g><g filter="url(#iqCwXrd)"><rect width="3.086" height="3.125" x="7.797" y="17.406" fill="#A59CB4" rx=".1"/></g><g filter="url(#iyhMa3b)"><rect width="3.086" height="3.125" x="7.797" y="22.859" fill="#A59CB4" rx=".1"/></g><g filter="url(#i00BSod)"><rect width="3.086" height="3.125" x="14.481" y="17.406" fill="#A59CB4" rx=".1"/></g><g filter="url(#ie31wLF)"><rect width="3.086" height="3.125" x="14.481" y="22.859" fill="#A59CB4" rx=".1"/></g><rect width="3.086" height="3.125" x="21.164" y="17.406" fill="#A49AB3" rx=".1"/><g filter="url(#ieBgi3c)"><rect width="3.086" height="3.125" x="21.164" y="17.406" fill="#2F99F4" rx=".1"/></g><g filter="url(#iOYKNrb)"><rect width="3.086" height="3.125" x="21.164" y="22.859" fill="#A59CB4" rx=".1"/></g><defs><filter id="iblD6bb" width="29.953" height="28.953" x="1.047" y="1.023" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-1"/><feGaussianBlur stdDeviation=".75"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.811765 0 0 0 0 0.603922 0 0 0 0 0.972549 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_22617"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="1"/><feGaussianBlur stdDeviation=".75"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.72549 0 0 0 0 0.690196 0 0 0 0 0.760784 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_22617" result="effect2_innerShadow_18_22617"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-1"/><feGaussianBlur stdDeviation=".75"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.960784 0 0 0 0 0.941176 0 0 0 0 0.980392 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_22617" result="effect3_innerShadow_18_22617"/></filter><filter id="iAQDVWb" width="18.656" height="8.5" x="12.375" y="1.094" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_22617" stdDeviation=".625"/></filter><filter id="i5qYt3b" width="3.686" height="3.725" x="7.397" y="11.753" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.72549 0 0 0 0 0.627451 0 0 0 0 0.8 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_22617"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_22617" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.729412 0 0 0 0 0.705882 0 0 0 0 0.772549 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_22617"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.576471 0 0 0 0 0.52549 0 0 0 0 0.647059 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_22617" result="effect3_innerShadow_18_22617"/></filter><filter id="idwYkac" width="3.686" height="3.725" x="14.081" y="11.753" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.72549 0 0 0 0 0.627451 0 0 0 0 0.8 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_22617"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_22617" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.729412 0 0 0 0 0.705882 0 0 0 0 0.772549 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_22617"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.576471 0 0 0 0 0.52549 0 0 0 0 0.647059 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_22617" result="effect3_innerShadow_18_22617"/></filter><filter id="iThMK7c" width="3.686" height="3.725" x="20.764" y="11.753" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.72549 0 0 0 0 0.627451 0 0 0 0 0.8 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_22617"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_22617" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.729412 0 0 0 0 0.705882 0 0 0 0 0.772549 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_22617"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.576471 0 0 0 0 0.52549 0 0 0 0 0.647059 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_22617" result="effect3_innerShadow_18_22617"/></filter><filter id="iqCwXrd" width="3.686" height="3.725" x="7.397" y="17.206" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.72549 0 0 0 0 0.627451 0 0 0 0 0.8 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_22617"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_22617" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.729412 0 0 0 0 0.705882 0 0 0 0 0.772549 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_22617"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.576471 0 0 0 0 0.52549 0 0 0 0 0.647059 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_22617" result="effect3_innerShadow_18_22617"/></filter><filter id="iyhMa3b" width="3.686" height="3.725" x="7.397" y="22.659" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.72549 0 0 0 0 0.627451 0 0 0 0 0.8 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_22617"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_22617" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.729412 0 0 0 0 0.705882 0 0 0 0 0.772549 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_22617"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.576471 0 0 0 0 0.52549 0 0 0 0 0.647059 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_22617" result="effect3_innerShadow_18_22617"/></filter><filter id="i00BSod" width="3.686" height="3.725" x="14.081" y="17.206" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.72549 0 0 0 0 0.627451 0 0 0 0 0.8 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_22617"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_22617" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.729412 0 0 0 0 0.705882 0 0 0 0 0.772549 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_22617"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.576471 0 0 0 0 0.52549 0 0 0 0 0.647059 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_22617" result="effect3_innerShadow_18_22617"/></filter><filter id="ie31wLF" width="3.686" height="3.725" x="14.081" y="22.659" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.72549 0 0 0 0 0.627451 0 0 0 0 0.8 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_22617"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_22617" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.729412 0 0 0 0 0.705882 0 0 0 0 0.772549 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_22617"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.576471 0 0 0 0 0.52549 0 0 0 0 0.647059 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_22617" result="effect3_innerShadow_18_22617"/></filter><filter id="ieBgi3c" width="3.686" height="3.725" x="20.764" y="17.206" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.72549 0 0 0 0 0.627451 0 0 0 0 0.8 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_22617"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_22617" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.258824 0 0 0 0 0.67451 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_22617"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.160784 0 0 0 0 0.486275 0 0 0 0 0.898039 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_22617" result="effect3_innerShadow_18_22617"/></filter><filter id="iOYKNrb" width="3.686" height="3.725" x="20.764" y="22.659" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.72549 0 0 0 0 0.627451 0 0 0 0 0.8 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_22617"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_22617" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.729412 0 0 0 0 0.705882 0 0 0 0 0.772549 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_22617"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.576471 0 0 0 0 0.52549 0 0 0 0 0.647059 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_22617" result="effect3_innerShadow_18_22617"/></filter><linearGradient id="ihlkKsd" x1="5.156" x2="28.094" y1="17.617" y2="17.617" gradientUnits="userSpaceOnUse"><stop stop-color="#E1D4EF"/><stop offset="1" stop-color="#E1D3EF"/></linearGradient><linearGradient id="iONhPZD" x1="19.416" x2="19.416" y1="29.977" y2="28.555" gradientUnits="userSpaceOnUse"><stop stop-color="#CE9AF8"/><stop offset="1" stop-color="#DFC0FC" stop-opacity="0"/></linearGradient><linearGradient id="iYpyoIb" x1="1.719" x2="27.906" y1="7.43" y2="7.43" gradientUnits="userSpaceOnUse"><stop stop-color="#377AF3"/><stop offset=".794" stop-color="#2EA6FF"/></linearGradient><linearGradient id="iq8Kjlb" x1="16.024" x2="16.024" y1="2.023" y2="3.992" gradientUnits="userSpaceOnUse"><stop stop-color="#2D9EEE"/><stop offset="1" stop-color="#2D9EEE" stop-opacity="0"/></linearGradient><linearGradient id="i5VGQob" x1="21.219" x2="21.219" y1="9.867" y2="8.367" gradientUnits="userSpaceOnUse"><stop stop-color="#3867D5"/><stop offset="1" stop-color="#3867D5" stop-opacity="0"/></linearGradient><radialGradient id="i2vW9qd" cx="0" cy="0" r="1" gradientTransform="matrix(-19.71027 -3.49993 1.98868 -11.1995 21.757 9.023)" gradientUnits="userSpaceOnUse"><stop offset=".759" stop-color="#3955E1" stop-opacity="0"/><stop offset=".987" stop-color="#3D41A8"/></radialGradient><radialGradient id="iSGtLlW" cx="0" cy="0" r="1" gradientTransform="rotate(152.761 15.14 5.306)scale(10.0874 14.5049)" gradientUnits="userSpaceOnUse"><stop stop-color="#55D9FF"/><stop offset="1" stop-color="#55D9FF" stop-opacity="0"/></radialGradient></defs></g></svg>Как использовать иконку Calendar
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:calendar" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:calendar" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:calendar" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--calendar]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:calendar"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:calendar"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/calendar.svg" alt="Иконка Calendar" width="24" height="24">Иконка Calendar в других наборах
Вопросы и ответы: Иконка Calendar
Можно ли бесплатно использовать иконку Calendar в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Calendar в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:calendar" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Calendar на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/calendar.svg" alt="Иконка Calendar">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.