Calendar アイコン

Q: Calendar アイコンは商用利用でも無料ですか?

はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fluent-emoji:calendar

Calendar アイコン(fluent-emoji:calendar)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent Emoji
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 32 × 32

SVG をダウンロード

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>

Web コンポーネント

<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 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Calendar アイコンを使うには?

@iconify/react をインストールして <Icon icon="fluent-emoji:calendar" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Calendar アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/calendar.svg" alt="Calendar アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Fluent Emoji アイコンをすべて見る →