Sun Behind Rain Cloud アイコン
fluent-emoji:sun-behind-rain-cloud
Sun Behind Rain Cloud アイコン(fluent-emoji:sun-behind-rain-cloud)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- タグ
- sunbehind、behindrain、raincloud、sunbehindraincloud
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iQ3WDjc)" d="M8.1 2.658c.844-.951 1.994-.8 2.729 0l.448.52c.155.168.38.256.609.236l.797-.237c1.087-.233 2.074.578 2.074 1.837v.474c.023.26.25.435.483.549l.72.3c1.042.51 1.302 1.717.543 2.73l-.215.285c-.194.261-.154.604.038.867l.216.301c.785.966.342 2.291-.766 2.754l-.62.26c-.234.097-.325.264-.369.514l-.043.81a1.717 1.717 0 0 1-1.932 1.503l-.944-.252c-.227-.032-.509.043-.66.28l-.34.466c-.846.953-1.986.794-2.562.237l-.628-.761c-.165-.16-.372-.296-.62-.202l-.95.26c-.786.111-1.71-.492-1.857-1.27l-.11-1.127a.74.74 0 0 0-.416-.535l-.667-.229c-1.002-.467-1.338-1.598-.762-2.543l.376-.52a.74.74 0 0 0-.019-.8l-.28-.397c-.794-1.13-.245-2.392.93-2.771l.26-.084c.286-.092.563-.33.586-.63l.058-.727c.094-1.18 1.172-1.858 2.305-1.514l.367.112c.354.138.63.02.824-.19z"/><path fill="url(#imbs8xb)" d="M8.1 2.658c.844-.951 1.994-.8 2.729 0l.448.52c.155.168.38.256.609.236l.797-.237c1.087-.233 2.074.578 2.074 1.837v.474c.023.26.25.435.483.549l.72.3c1.042.51 1.302 1.717.543 2.73l-.215.285c-.194.261-.154.604.038.867l.216.301c.785.966.342 2.291-.766 2.754l-.62.26c-.234.097-.325.264-.369.514l-.043.81a1.717 1.717 0 0 1-1.932 1.503l-.944-.252c-.227-.032-.509.043-.66.28l-.34.466c-.846.953-1.986.794-2.562.237l-.628-.761c-.165-.16-.372-.296-.62-.202l-.95.26c-.786.111-1.71-.492-1.857-1.27l-.11-1.127a.74.74 0 0 0-.416-.535l-.667-.229c-1.002-.467-1.338-1.598-.762-2.543l.376-.52a.74.74 0 0 0-.019-.8l-.28-.397c-.794-1.13-.245-2.392.93-2.771l.26-.084c.286-.092.563-.33.586-.63l.058-.727c.094-1.18 1.172-1.858 2.305-1.514l.367.112c.354.138.63.02.824-.19z"/><path fill="url(#iWKE4RA)" d="M8.1 2.658c.844-.951 1.994-.8 2.729 0l.448.52c.155.168.38.256.609.236l.797-.237c1.087-.233 2.074.578 2.074 1.837v.474c.023.26.25.435.483.549l.72.3c1.042.51 1.302 1.717.543 2.73l-.215.285c-.194.261-.154.604.038.867l.216.301c.785.966.342 2.291-.766 2.754l-.62.26c-.234.097-.325.264-.369.514l-.043.81a1.717 1.717 0 0 1-1.932 1.503l-.944-.252c-.227-.032-.509.043-.66.28l-.34.466c-.846.953-1.986.794-2.562.237l-.628-.761c-.165-.16-.372-.296-.62-.202l-.95.26c-.786.111-1.71-.492-1.857-1.27l-.11-1.127a.74.74 0 0 0-.416-.535l-.667-.229c-1.002-.467-1.338-1.598-.762-2.543l.376-.52a.74.74 0 0 0-.019-.8l-.28-.397c-.794-1.13-.245-2.392.93-2.771l.26-.084c.286-.092.563-.33.586-.63l.058-.727c.094-1.18 1.172-1.858 2.305-1.514l.367.112c.354.138.63.02.824-.19z"/><path fill="url(#iZL0Wgd)" d="M8.1 2.658c.844-.951 1.994-.8 2.729 0l.448.52c.155.168.38.256.609.236l.797-.237c1.087-.233 2.074.578 2.074 1.837v.474c.023.26.25.435.483.549l.72.3c1.042.51 1.302 1.717.543 2.73l-.215.285c-.194.261-.154.604.038.867l.216.301c.785.966.342 2.291-.766 2.754l-.62.26c-.234.097-.325.264-.369.514l-.043.81a1.717 1.717 0 0 1-1.932 1.503l-.944-.252c-.227-.032-.509.043-.66.28l-.34.466c-.846.953-1.986.794-2.562.237l-.628-.761c-.165-.16-.372-.296-.62-.202l-.95.26c-.786.111-1.71-.492-1.857-1.27l-.11-1.127a.74.74 0 0 0-.416-.535l-.667-.229c-1.002-.467-1.338-1.598-.762-2.543l.376-.52a.74.74 0 0 0-.019-.8l-.28-.397c-.794-1.13-.245-2.392.93-2.771l.26-.084c.286-.092.563-.33.586-.63l.058-.727c.094-1.18 1.172-1.858 2.305-1.514l.367.112c.354.138.63.02.824-.19z"/><path fill="url(#il34myc)" d="M8.1 2.658c.844-.951 1.994-.8 2.729 0l.448.52c.155.168.38.256.609.236l.797-.237c1.087-.233 2.074.578 2.074 1.837v.474c.023.26.25.435.483.549l.72.3c1.042.51 1.302 1.717.543 2.73l-.215.285c-.194.261-.154.604.038.867l.216.301c.785.966.342 2.291-.766 2.754l-.62.26c-.234.097-.325.264-.369.514l-.043.81a1.717 1.717 0 0 1-1.932 1.503l-.944-.252c-.227-.032-.509.043-.66.28l-.34.466c-.846.953-1.986.794-2.562.237l-.628-.761c-.165-.16-.372-.296-.62-.202l-.95.26c-.786.111-1.71-.492-1.857-1.27l-.11-1.127a.74.74 0 0 0-.416-.535l-.667-.229c-1.002-.467-1.338-1.598-.762-2.543l.376-.52a.74.74 0 0 0-.019-.8l-.28-.397c-.794-1.13-.245-2.392.93-2.771l.26-.084c.286-.092.563-.33.586-.63l.058-.727c.094-1.18 1.172-1.858 2.305-1.514l.367.112c.354.138.63.02.824-.19z"/><path fill="url(#ihhbcCb)" d="M8.1 2.658c.844-.951 1.994-.8 2.729 0l.448.52c.155.168.38.256.609.236l.797-.237c1.087-.233 2.074.578 2.074 1.837v.474c.023.26.25.435.483.549l.72.3c1.042.51 1.302 1.717.543 2.73l-.215.285c-.194.261-.154.604.038.867l.216.301c.785.966.342 2.291-.766 2.754l-.62.26c-.234.097-.325.264-.369.514l-.043.81a1.717 1.717 0 0 1-1.932 1.503l-.944-.252c-.227-.032-.509.043-.66.28l-.34.466c-.846.953-1.986.794-2.562.237l-.628-.761c-.165-.16-.372-.296-.62-.202l-.95.26c-.786.111-1.71-.492-1.857-1.27l-.11-1.127a.74.74 0 0 0-.416-.535l-.667-.229c-1.002-.467-1.338-1.598-.762-2.543l.376-.52a.74.74 0 0 0-.019-.8l-.28-.397c-.794-1.13-.245-2.392.93-2.771l.26-.084c.286-.092.563-.33.586-.63l.058-.727c.094-1.18 1.172-1.858 2.305-1.514l.367.112c.354.138.63.02.824-.19z"/><path fill="url(#i7IQNyd)" d="M8.1 2.658c.844-.951 1.994-.8 2.729 0l.448.52c.155.168.38.256.609.236l.797-.237c1.087-.233 2.074.578 2.074 1.837v.474c.023.26.25.435.483.549l.72.3c1.042.51 1.302 1.717.543 2.73l-.215.285c-.194.261-.154.604.038.867l.216.301c.785.966.342 2.291-.766 2.754l-.62.26c-.234.097-.325.264-.369.514l-.043.81a1.717 1.717 0 0 1-1.932 1.503l-.944-.252c-.227-.032-.509.043-.66.28l-.34.466c-.846.953-1.986.794-2.562.237l-.628-.761c-.165-.16-.372-.296-.62-.202l-.95.26c-.786.111-1.71-.492-1.857-1.27l-.11-1.127a.74.74 0 0 0-.416-.535l-.667-.229c-1.002-.467-1.338-1.598-.762-2.543l.376-.52a.74.74 0 0 0-.019-.8l-.28-.397c-.794-1.13-.245-2.392.93-2.771l.26-.084c.286-.092.563-.33.586-.63l.058-.727c.094-1.18 1.172-1.858 2.305-1.514l.367.112c.354.138.63.02.824-.19z"/><path fill="url(#iEUd54d)" d="M8.1 2.658c.844-.951 1.994-.8 2.729 0l.448.52c.155.168.38.256.609.236l.797-.237c1.087-.233 2.074.578 2.074 1.837v.474c.023.26.25.435.483.549l.72.3c1.042.51 1.302 1.717.543 2.73l-.215.285c-.194.261-.154.604.038.867l.216.301c.785.966.342 2.291-.766 2.754l-.62.26c-.234.097-.325.264-.369.514l-.043.81a1.717 1.717 0 0 1-1.932 1.503l-.944-.252c-.227-.032-.509.043-.66.28l-.34.466c-.846.953-1.986.794-2.562.237l-.628-.761c-.165-.16-.372-.296-.62-.202l-.95.26c-.786.111-1.71-.492-1.857-1.27l-.11-1.127a.74.74 0 0 0-.416-.535l-.667-.229c-1.002-.467-1.338-1.598-.762-2.543l.376-.52a.74.74 0 0 0-.019-.8l-.28-.397c-.794-1.13-.245-2.392.93-2.771l.26-.084c.286-.092.563-.33.586-.63l.058-.727c.094-1.18 1.172-1.858 2.305-1.514l.367.112c.354.138.63.02.824-.19z"/><path fill="url(#iEt68yb)" d="M8.1 2.658c.844-.951 1.994-.8 2.729 0l.448.52c.155.168.38.256.609.236l.797-.237c1.087-.233 2.074.578 2.074 1.837v.474c.023.26.25.435.483.549l.72.3c1.042.51 1.302 1.717.543 2.73l-.215.285c-.194.261-.154.604.038.867l.216.301c.785.966.342 2.291-.766 2.754l-.62.26c-.234.097-.325.264-.369.514l-.043.81a1.717 1.717 0 0 1-1.932 1.503l-.944-.252c-.227-.032-.509.043-.66.28l-.34.466c-.846.953-1.986.794-2.562.237l-.628-.761c-.165-.16-.372-.296-.62-.202l-.95.26c-.786.111-1.71-.492-1.857-1.27l-.11-1.127a.74.74 0 0 0-.416-.535l-.667-.229c-1.002-.467-1.338-1.598-.762-2.543l.376-.52a.74.74 0 0 0-.019-.8l-.28-.397c-.794-1.13-.245-2.392.93-2.771l.26-.084c.286-.092.563-.33.586-.63l.058-.727c.094-1.18 1.172-1.858 2.305-1.514l.367.112c.354.138.63.02.824-.19z"/><path fill="url(#iVDVtWb)" d="M8.1 2.658c.844-.951 1.994-.8 2.729 0l.448.52c.155.168.38.256.609.236l.797-.237c1.087-.233 2.074.578 2.074 1.837v.474c.023.26.25.435.483.549l.72.3c1.042.51 1.302 1.717.543 2.73l-.215.285c-.194.261-.154.604.038.867l.216.301c.785.966.342 2.291-.766 2.754l-.62.26c-.234.097-.325.264-.369.514l-.043.81a1.717 1.717 0 0 1-1.932 1.503l-.944-.252c-.227-.032-.509.043-.66.28l-.34.466c-.846.953-1.986.794-2.562.237l-.628-.761c-.165-.16-.372-.296-.62-.202l-.95.26c-.786.111-1.71-.492-1.857-1.27l-.11-1.127a.74.74 0 0 0-.416-.535l-.667-.229c-1.002-.467-1.338-1.598-.762-2.543l.376-.52a.74.74 0 0 0-.019-.8l-.28-.397c-.794-1.13-.245-2.392.93-2.771l.26-.084c.286-.092.563-.33.586-.63l.058-.727c.094-1.18 1.172-1.858 2.305-1.514l.367.112c.354.138.63.02.824-.19z"/><g filter="url(#iYSJ00c)"><path fill="url(#inARtne)" d="M9.47 15.685a5.93 5.93 0 1 0 0-11.858a5.93 5.93 0 0 0 0 11.858"/><path fill="url(#ik6pAge)" d="M9.47 15.685a5.93 5.93 0 1 0 0-11.858a5.93 5.93 0 0 0 0 11.858"/></g><path fill="url(#iztYQWP)" d="M12.274 14.485a4.046 4.046 0 1 0 0-8.09a4.046 4.046 0 0 0 0 8.09"/><path fill="url(#i53FXDe)" d="M12.274 14.485a4.046 4.046 0 1 0 0-8.09a4.046 4.046 0 0 0 0 8.09"/><g filter="url(#ieA6Rsb)"><path fill="#535DFF" d="m8.713 25.056l-2.31 3.16c-.57.78-1.66.95-2.44.38s-.95-1.66-.38-2.44l2.31-3.16c.57-.78 1.66-.95 2.44-.38c.78.56.95 1.66.38 2.44"/><path fill="url(#i0sDPFG)" d="m8.713 25.056l-2.31 3.16c-.57.78-1.66.95-2.44.38s-.95-1.66-.38-2.44l2.31-3.16c.57-.78 1.66-.95 2.44-.38c.78.56.95 1.66.38 2.44"/></g><g filter="url(#iUVRmac)"><path fill="#535DFF" d="m15.28 25.056l-2.31 3.16c-.57.78-1.66.95-2.44.38s-.95-1.66-.38-2.44l2.31-3.16c.57-.78 1.66-.95 2.44-.38c.78.56.95 1.66.38 2.44"/><path fill="url(#iw1nQXm)" d="m15.28 25.056l-2.31 3.16c-.57.78-1.66.95-2.44.38s-.95-1.66-.38-2.44l2.31-3.16c.57-.78 1.66-.95 2.44-.38c.78.56.95 1.66.38 2.44"/></g><g filter="url(#ivlJTXF)"><path fill="#535DFF" d="m21.847 25.056l-2.31 3.16c-.57.78-1.66.95-2.44.38s-.95-1.66-.38-2.44l2.31-3.16c.57-.78 1.66-.95 2.44-.38c.78.56.95 1.66.38 2.44"/><path fill="url(#ixbna0d)" d="m21.847 25.056l-2.31 3.16c-.57.78-1.66.95-2.44.38s-.95-1.66-.38-2.44l2.31-3.16c.57-.78 1.66-.95 2.44-.38c.78.56.95 1.66.38 2.44"/></g><g filter="url(#irHUWBd)"><path fill="#D5D4DA" d="M27.325 6.39c-3.562-3.472-9.261-3.412-12.733.15a9 9 0 0 0-2.023 3.213a.268.268 0 0 1-.399.129a6 6 0 0 0-.99-.533A6.48 6.48 0 0 0 2 15.24c0 1.525.532 2.93 1.415 4.043a6.5 6.5 0 0 0 5.187 2.569h12.732a8.4 8.4 0 0 0 6.853-3.532c2.73-3.572 2.439-8.709-.863-11.93"/><path fill="url(#iJRuCre)" d="M27.325 6.39c-3.562-3.472-9.261-3.412-12.733.15a9 9 0 0 0-2.023 3.213a.268.268 0 0 1-.399.129a6 6 0 0 0-.99-.533A6.48 6.48 0 0 0 2 15.24c0 1.525.532 2.93 1.415 4.043a6.5 6.5 0 0 0 5.187 2.569h12.732a8.4 8.4 0 0 0 6.853-3.532c2.73-3.572 2.439-8.709-.863-11.93"/></g><path fill="url(#ivBEmTb)" d="M27.325 6.39c-3.562-3.472-9.261-3.412-12.733.15a9 9 0 0 0-2.023 3.213a.268.268 0 0 1-.399.129a6 6 0 0 0-.99-.533A6.48 6.48 0 0 0 2 15.24c0 1.525.532 2.93 1.415 4.043a6.5 6.5 0 0 0 5.187 2.569h12.732a8.4 8.4 0 0 0 6.853-3.532c2.73-3.572 2.439-8.709-.863-11.93"/><path fill="url(#iEvdd4k)" d="M27.325 6.39c-3.562-3.472-9.261-3.412-12.733.15a9 9 0 0 0-2.023 3.213a.268.268 0 0 1-.399.129a6 6 0 0 0-.99-.533A6.48 6.48 0 0 0 2 15.24c0 1.525.532 2.93 1.415 4.043a6.5 6.5 0 0 0 5.187 2.569h12.732a8.4 8.4 0 0 0 6.853-3.532c2.73-3.572 2.439-8.709-.863-11.93"/><path fill="url(#i6lnogc)" d="M27.325 6.39c-3.562-3.472-9.261-3.412-12.733.15a9 9 0 0 0-2.023 3.213a.268.268 0 0 1-.399.129a6 6 0 0 0-.99-.533A6.48 6.48 0 0 0 2 15.24c0 1.525.532 2.93 1.415 4.043a6.5 6.5 0 0 0 5.187 2.569h12.732a8.4 8.4 0 0 0 6.853-3.532c2.73-3.572 2.439-8.709-.863-11.93"/><path fill="url(#iTzSUJM)" d="M27.325 6.39c-3.562-3.472-9.261-3.412-12.733.15a9 9 0 0 0-2.023 3.213a.268.268 0 0 1-.399.129a6 6 0 0 0-.99-.533A6.48 6.48 0 0 0 2 15.24c0 1.525.532 2.93 1.415 4.043a6.5 6.5 0 0 0 5.187 2.569h12.732a8.4 8.4 0 0 0 6.853-3.532c2.73-3.572 2.439-8.709-.863-11.93"/><path fill="url(#ipINf0R)" d="M27.325 6.39c-3.562-3.472-9.261-3.412-12.733.15a9 9 0 0 0-2.023 3.213a.268.268 0 0 1-.399.129a6 6 0 0 0-.99-.533A6.48 6.48 0 0 0 2 15.24c0 1.525.532 2.93 1.415 4.043a6.5 6.5 0 0 0 5.187 2.569h12.732a8.4 8.4 0 0 0 6.853-3.532c2.73-3.572 2.439-8.709-.863-11.93"/><g filter="url(#iAFJD5b)"><path fill="#EAE0FF" d="M15.385 17.723a11.2 11.2 0 0 1-2.279 2.518h4.587c-.888-.527-1.909-1.898-2.309-2.518"/></g><defs><radialGradient id="imbs8xb" cx="0" cy="0" r="1" gradientTransform="matrix(-1.55365 1.39132 -1.22758 -1.3708 10.897 2.717)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#FFA13A"/><stop offset="1" stop-color="#FFA13A" stop-opacity="0"/></radialGradient><radialGradient id="iWKE4RA" cx="0" cy="0" r="1" gradientTransform="rotate(67.811 1.204 5.099)scale(3.31557 2.92536)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#FF942A"/><stop offset="1" stop-color="#FF942A" stop-opacity="0"/></radialGradient><radialGradient id="iZL0Wgd" cx="0" cy="0" r="1" gradientTransform="matrix(-1.27538 -.34783 .48161 -1.76593 14.375 5.151)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#FFA13D"/><stop offset="1" stop-color="#FFA13D" stop-opacity="0"/></radialGradient><radialGradient id="il34myc" cx="0" cy="0" r="1" gradientTransform="rotate(154.195 7.71 5.49)scale(2.3439 1.73114)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#FFA13D"/><stop offset="1" stop-color="#FFA13D" stop-opacity="0"/></radialGradient><radialGradient id="ihhbcCb" cx="0" cy="0" r="1" gradientTransform="rotate(-173.379 9.095 5.013)scale(2.61458 1.47341)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#FFA13D"/><stop offset="1" stop-color="#FFA13D" stop-opacity="0"/></radialGradient><radialGradient id="i7IQNyd" cx="0" cy="0" r="1" gradientTransform="matrix(1.70705 -1.6464 1.58611 1.64454 15.21 14.08)" gradientUnits="userSpaceOnUse"><stop stop-color="#E0762A"/><stop offset="1" stop-color="#E0762A" stop-opacity="0"/></radialGradient><radialGradient id="iEUd54d" cx="0" cy="0" r="1" gradientTransform="matrix(-1.11306 -1.4377 1.38506 -1.07231 4.218 13.523)" gradientUnits="userSpaceOnUse"><stop stop-color="#E0762A"/><stop offset="1" stop-color="#E0762A" stop-opacity="0"/></radialGradient><radialGradient id="iEt68yb" cx="0" cy="0" r="1" gradientTransform="matrix(1.6696 .78842 -.95292 2.01794 1.737 7.378)" gradientUnits="userSpaceOnUse"><stop stop-color="#F0851D"/><stop offset="1" stop-color="#F0851D" stop-opacity="0"/></radialGradient><radialGradient id="iVDVtWb" cx="0" cy="0" r="1" gradientTransform="matrix(-1.70755 -1.31086 1.23669 -1.61092 12.758 16.712)" gradientUnits="userSpaceOnUse"><stop offset=".337" stop-color="#E3745B"/><stop offset="1" stop-color="#E3745B" stop-opacity="0"/></radialGradient><radialGradient id="inARtne" cx="0" cy="0" r="1" gradientTransform="matrix(-4.92468 9.36465 -11.56442 -6.0815 12.835 6.32)" gradientUnits="userSpaceOnUse"><stop offset=".172" stop-color="#FFD13D"/><stop offset="1" stop-color="#DCA21C"/><stop offset="1" stop-color="#D89A29"/></radialGradient><radialGradient id="ik6pAge" cx="0" cy="0" r="1" gradientTransform="rotate(168.299 6.709 5.105)scale(12.6272 10.661)" gradientUnits="userSpaceOnUse"><stop offset=".62" stop-color="#DCA225" stop-opacity="0"/><stop offset="1" stop-color="#DCA225"/></radialGradient><radialGradient id="iztYQWP" cx="0" cy="0" r="1" gradientTransform="rotate(-172.463 7.16 4.017)scale(5.55198)" gradientUnits="userSpaceOnUse"><stop offset=".309" stop-color="#E8E8E9"/><stop offset="1" stop-color="#D2D2D2"/></radialGradient><radialGradient id="i53FXDe" cx="0" cy="0" r="1" gradientTransform="rotate(-141.242 8.129 2.814)scale(3.01398 2.7615)" gradientUnits="userSpaceOnUse"><stop stop-color="#CDCDCE"/><stop offset="1" stop-color="#CDCDCE" stop-opacity="0"/></radialGradient><radialGradient id="i0sDPFG" cx="0" cy="0" r="1" gradientTransform="rotate(149.241 1.333 12.85)scale(2.26585 1.96547)" gradientUnits="userSpaceOnUse"><stop stop-color="#6779FF"/><stop offset="1" stop-color="#6779FF" stop-opacity="0"/></radialGradient><radialGradient id="iw1nQXm" cx="0" cy="0" r="1" gradientTransform="rotate(149.241 4.616 13.753)scale(2.26585 1.96547)" gradientUnits="userSpaceOnUse"><stop stop-color="#6779FF"/><stop offset="1" stop-color="#6779FF" stop-opacity="0"/></radialGradient><radialGradient id="ixbna0d" cx="0" cy="0" r="1" gradientTransform="rotate(149.241 7.9 14.656)scale(2.26585 1.96547)" gradientUnits="userSpaceOnUse"><stop stop-color="#6779FF"/><stop offset="1" stop-color="#6779FF" stop-opacity="0"/></radialGradient><radialGradient id="ivBEmTb" cx="0" cy="0" r="1" gradientTransform="matrix(-8.10185 7.68837 -8.24731 -8.69086 26.406 9.886)" gradientUnits="userSpaceOnUse"><stop offset=".179" stop-color="#FCFBFE"/><stop offset="1" stop-color="#FCFBFE" stop-opacity="0"/></radialGradient><radialGradient id="iEvdd4k" cx="0" cy="0" r="1" gradientTransform="rotate(144.444 2.062 8.474)scale(6.85223 7.18009)" gradientUnits="userSpaceOnUse"><stop stop-color="#FCFBFE"/><stop offset="1" stop-color="#FCFBFE" stop-opacity="0"/></radialGradient><radialGradient id="i6lnogc" cx="0" cy="0" r="1" gradientTransform="matrix(-23.24482 5.51455 -4.3429 -18.3061 25.245 12.304)" gradientUnits="userSpaceOnUse"><stop offset=".815" stop-color="#CECCD7" stop-opacity="0"/><stop offset="1" stop-color="#CECCD7"/></radialGradient><radialGradient id="iTzSUJM" cx="0" cy="0" r="1" gradientTransform="matrix(5.40244 -6.57049 9.06748 7.45553 5.65 22.87)" gradientUnits="userSpaceOnUse"><stop stop-color="#D0C9EE"/><stop offset="1" stop-color="#D0C9EE" stop-opacity="0"/></radialGradient><filter id="iYSJ00c" width="12.459" height="12.459" x="2.941" y="3.826" 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="-.3" dy=".3"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.921569 0 0 0 0 0.47451 0 0 0 0 0.133333 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_15129"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_15129" result="shape"/></filter><filter id="ieA6Rsb" width="6.404" height="6.754" x="3.246" y="22.179" 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 dx=".6" dy="-.1"/><feGaussianBlur stdDeviation=".75"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.256493 0 0 0 0 0.282719 0 0 0 0 0.741667 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_15129"/></filter><filter id="iUVRmac" width="6.404" height="6.754" x="9.813" y="22.179" 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 dx=".6" dy="-.1"/><feGaussianBlur stdDeviation=".75"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.256493 0 0 0 0 0.282719 0 0 0 0 0.741667 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_15129"/></filter><filter id="ivlJTXF" width="6.404" height="6.754" x="16.379" y="22.179" 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 dx=".6" dy="-.1"/><feGaussianBlur stdDeviation=".75"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.256493 0 0 0 0 0.282719 0 0 0 0 0.741667 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_15129"/></filter><filter id="irHUWBd" width="28.038" height="19.024" x="2" y="2.826" 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="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.815686 0 0 0 0 0.784314 0 0 0 0 0.956863 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_15129"/></filter><filter id="iAFJD5b" width="7.586" height="5.518" x="11.606" y="16.223" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_15129" stdDeviation=".75"/></filter><linearGradient id="iQ3WDjc" x1="14.075" x2="5.603" y1="4.61" y2="15.419" gradientUnits="userSpaceOnUse"><stop stop-color="#FC8B23"/><stop offset="1" stop-color="#E67639"/></linearGradient><linearGradient id="iJRuCre" x1="18.883" x2="18.883" y1="20.882" y2="13.359" gradientUnits="userSpaceOnUse"><stop stop-color="#DED7FA"/><stop offset="1" stop-color="#DED7FA" stop-opacity="0"/></linearGradient><linearGradient id="ipINf0R" x1="22.758" x2="22.829" y1="23.723" y2="17.442" gradientUnits="userSpaceOnUse"><stop stop-color="#CFC6FF"/><stop offset="1" stop-color="#CFC6FF" stop-opacity="0"/></linearGradient></defs></g></svg>Sun Behind Rain Cloud アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:sun-behind-rain-cloud" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:sun-behind-rain-cloud" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:sun-behind-rain-cloud" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--sun-behind-rain-cloud]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:sun-behind-rain-cloud"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:sun-behind-rain-cloud"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/sun-behind-rain-cloud.svg" alt="Sun Behind Rain Cloud アイコン" width="24" height="24">Fluent Emoji の関連アイコン
他のアイコンセットの Sun Behind Rain Cloud アイコン
Sun Behind Rain Cloud アイコン のよくある質問
Sun Behind Rain Cloud アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sun Behind Rain Cloud アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:sun-behind-rain-cloud" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sun Behind Rain Cloud アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/sun-behind-rain-cloud.svg" alt="Sun Behind Rain Cloud アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。