Иконка Sunrise
fluent-emoji:sunrise
Иконка Sunrise (fluent-emoji:sunrise) — бесплатная 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(#ieesmec)"><rect width="28" height="28" x="2.015" y="2" fill="url(#in8dRtc)" rx="4"/><rect width="28" height="28" x="2.015" y="2" fill="url(#i580kXd)" rx="4"/></g><rect width="28" height="28" x="2.015" y="2" fill="url(#iEObTcU)" rx="4"/><rect width="28" height="28" x="2.015" y="2" fill="url(#iOTpmvc)" rx="4"/><rect width="28" height="28" x="2.015" y="2" fill="url(#iiSeg4D)" rx="4"/><g filter="url(#ipcNONe)"><path fill="url(#iXib1Ht)" d="M14.304 6.55a2.263 2.263 0 0 1 3.332-.001l.582.633a.91.91 0 0 0 .743.29l1.098-.093a2.263 2.263 0 0 1 2.444 2.055l.045.503c.028.316.22.594.504.734l.763.372a2.263 2.263 0 0 1 .826 3.38l-.202.273a.905.905 0 0 0-.002 1.074l.221.302a2.263 2.263 0 0 1-.952 3.427l-.756.316a.9.9 0 0 0-.543.679l-.215 1.225a1.81 1.81 0 0 1-2.037 1.48l-1.28-.181a.9.9 0 0 0-.756.246l-.93.9a1.81 1.81 0 0 1-2.519 0l-.929-.9a.9.9 0 0 0-.756-.246l-1.305.185a1.81 1.81 0 0 1-2.033-1.455l-.23-1.214a.9.9 0 0 0-.507-.652l-.67-.312a2.263 2.263 0 0 1-.977-3.229l.35-.575a.9.9 0 0 0-.022-.977l-.268-.397a2.263 2.263 0 0 1 1.182-3.42l.317-.101a.905.905 0 0 0 .624-.79l.07-.888a2.263 2.263 0 0 1 2.915-1.986l.447.136a.9.9 0 0 0 .93-.254z"/><path fill="url(#iakCOBF)" d="M14.304 6.55a2.263 2.263 0 0 1 3.332-.001l.582.633a.91.91 0 0 0 .743.29l1.098-.093a2.263 2.263 0 0 1 2.444 2.055l.045.503c.028.316.22.594.504.734l.763.372a2.263 2.263 0 0 1 .826 3.38l-.202.273a.905.905 0 0 0-.002 1.074l.221.302a2.263 2.263 0 0 1-.952 3.427l-.756.316a.9.9 0 0 0-.543.679l-.215 1.225a1.81 1.81 0 0 1-2.037 1.48l-1.28-.181a.9.9 0 0 0-.756.246l-.93.9a1.81 1.81 0 0 1-2.519 0l-.929-.9a.9.9 0 0 0-.756-.246l-1.305.185a1.81 1.81 0 0 1-2.033-1.455l-.23-1.214a.9.9 0 0 0-.507-.652l-.67-.312a2.263 2.263 0 0 1-.977-3.229l.35-.575a.9.9 0 0 0-.022-.977l-.268-.397a2.263 2.263 0 0 1 1.182-3.42l.317-.101a.905.905 0 0 0 .624-.79l.07-.888a2.263 2.263 0 0 1 2.915-1.986l.447.136a.9.9 0 0 0 .93-.254z"/><path fill="url(#iV1jfId)" d="M14.304 6.55a2.263 2.263 0 0 1 3.332-.001l.582.633a.91.91 0 0 0 .743.29l1.098-.093a2.263 2.263 0 0 1 2.444 2.055l.045.503c.028.316.22.594.504.734l.763.372a2.263 2.263 0 0 1 .826 3.38l-.202.273a.905.905 0 0 0-.002 1.074l.221.302a2.263 2.263 0 0 1-.952 3.427l-.756.316a.9.9 0 0 0-.543.679l-.215 1.225a1.81 1.81 0 0 1-2.037 1.48l-1.28-.181a.9.9 0 0 0-.756.246l-.93.9a1.81 1.81 0 0 1-2.519 0l-.929-.9a.9.9 0 0 0-.756-.246l-1.305.185a1.81 1.81 0 0 1-2.033-1.455l-.23-1.214a.9.9 0 0 0-.507-.652l-.67-.312a2.263 2.263 0 0 1-.977-3.229l.35-.575a.9.9 0 0 0-.022-.977l-.268-.397a2.263 2.263 0 0 1 1.182-3.42l.317-.101a.905.905 0 0 0 .624-.79l.07-.888a2.263 2.263 0 0 1 2.915-1.986l.447.136a.9.9 0 0 0 .93-.254z"/><path fill="url(#iZNMIVc)" d="M14.304 6.55a2.263 2.263 0 0 1 3.332-.001l.582.633a.91.91 0 0 0 .743.29l1.098-.093a2.263 2.263 0 0 1 2.444 2.055l.045.503c.028.316.22.594.504.734l.763.372a2.263 2.263 0 0 1 .826 3.38l-.202.273a.905.905 0 0 0-.002 1.074l.221.302a2.263 2.263 0 0 1-.952 3.427l-.756.316a.9.9 0 0 0-.543.679l-.215 1.225a1.81 1.81 0 0 1-2.037 1.48l-1.28-.181a.9.9 0 0 0-.756.246l-.93.9a1.81 1.81 0 0 1-2.519 0l-.929-.9a.9.9 0 0 0-.756-.246l-1.305.185a1.81 1.81 0 0 1-2.033-1.455l-.23-1.214a.9.9 0 0 0-.507-.652l-.67-.312a2.263 2.263 0 0 1-.977-3.229l.35-.575a.9.9 0 0 0-.022-.977l-.268-.397a2.263 2.263 0 0 1 1.182-3.42l.317-.101a.905.905 0 0 0 .624-.79l.07-.888a2.263 2.263 0 0 1 2.915-1.986l.447.136a.9.9 0 0 0 .93-.254z"/><path fill="url(#iyYdm7b)" d="M14.304 6.55a2.263 2.263 0 0 1 3.332-.001l.582.633a.91.91 0 0 0 .743.29l1.098-.093a2.263 2.263 0 0 1 2.444 2.055l.045.503c.028.316.22.594.504.734l.763.372a2.263 2.263 0 0 1 .826 3.38l-.202.273a.905.905 0 0 0-.002 1.074l.221.302a2.263 2.263 0 0 1-.952 3.427l-.756.316a.9.9 0 0 0-.543.679l-.215 1.225a1.81 1.81 0 0 1-2.037 1.48l-1.28-.181a.9.9 0 0 0-.756.246l-.93.9a1.81 1.81 0 0 1-2.519 0l-.929-.9a.9.9 0 0 0-.756-.246l-1.305.185a1.81 1.81 0 0 1-2.033-1.455l-.23-1.214a.9.9 0 0 0-.507-.652l-.67-.312a2.263 2.263 0 0 1-.977-3.229l.35-.575a.9.9 0 0 0-.022-.977l-.268-.397a2.263 2.263 0 0 1 1.182-3.42l.317-.101a.905.905 0 0 0 .624-.79l.07-.888a2.263 2.263 0 0 1 2.915-1.986l.447.136a.9.9 0 0 0 .93-.254z"/><path fill="url(#i6bcQBc)" d="M14.304 6.55a2.263 2.263 0 0 1 3.332-.001l.582.633a.91.91 0 0 0 .743.29l1.098-.093a2.263 2.263 0 0 1 2.444 2.055l.045.503c.028.316.22.594.504.734l.763.372a2.263 2.263 0 0 1 .826 3.38l-.202.273a.905.905 0 0 0-.002 1.074l.221.302a2.263 2.263 0 0 1-.952 3.427l-.756.316a.9.9 0 0 0-.543.679l-.215 1.225a1.81 1.81 0 0 1-2.037 1.48l-1.28-.181a.9.9 0 0 0-.756.246l-.93.9a1.81 1.81 0 0 1-2.519 0l-.929-.9a.9.9 0 0 0-.756-.246l-1.305.185a1.81 1.81 0 0 1-2.033-1.455l-.23-1.214a.9.9 0 0 0-.507-.652l-.67-.312a2.263 2.263 0 0 1-.977-3.229l.35-.575a.9.9 0 0 0-.022-.977l-.268-.397a2.263 2.263 0 0 1 1.182-3.42l.317-.101a.905.905 0 0 0 .624-.79l.07-.888a2.263 2.263 0 0 1 2.915-1.986l.447.136a.9.9 0 0 0 .93-.254z"/><path fill="url(#iwYy4ra)" d="M14.304 6.55a2.263 2.263 0 0 1 3.332-.001l.582.633a.91.91 0 0 0 .743.29l1.098-.093a2.263 2.263 0 0 1 2.444 2.055l.045.503c.028.316.22.594.504.734l.763.372a2.263 2.263 0 0 1 .826 3.38l-.202.273a.905.905 0 0 0-.002 1.074l.221.302a2.263 2.263 0 0 1-.952 3.427l-.756.316a.9.9 0 0 0-.543.679l-.215 1.225a1.81 1.81 0 0 1-2.037 1.48l-1.28-.181a.9.9 0 0 0-.756.246l-.93.9a1.81 1.81 0 0 1-2.519 0l-.929-.9a.9.9 0 0 0-.756-.246l-1.305.185a1.81 1.81 0 0 1-2.033-1.455l-.23-1.214a.9.9 0 0 0-.507-.652l-.67-.312a2.263 2.263 0 0 1-.977-3.229l.35-.575a.9.9 0 0 0-.022-.977l-.268-.397a2.263 2.263 0 0 1 1.182-3.42l.317-.101a.905.905 0 0 0 .624-.79l.07-.888a2.263 2.263 0 0 1 2.915-1.986l.447.136a.9.9 0 0 0 .93-.254z"/><path fill="url(#iLkYK4X)" d="M14.304 6.55a2.263 2.263 0 0 1 3.332-.001l.582.633a.91.91 0 0 0 .743.29l1.098-.093a2.263 2.263 0 0 1 2.444 2.055l.045.503c.028.316.22.594.504.734l.763.372a2.263 2.263 0 0 1 .826 3.38l-.202.273a.905.905 0 0 0-.002 1.074l.221.302a2.263 2.263 0 0 1-.952 3.427l-.756.316a.9.9 0 0 0-.543.679l-.215 1.225a1.81 1.81 0 0 1-2.037 1.48l-1.28-.181a.9.9 0 0 0-.756.246l-.93.9a1.81 1.81 0 0 1-2.519 0l-.929-.9a.9.9 0 0 0-.756-.246l-1.305.185a1.81 1.81 0 0 1-2.033-1.455l-.23-1.214a.9.9 0 0 0-.507-.652l-.67-.312a2.263 2.263 0 0 1-.977-3.229l.35-.575a.9.9 0 0 0-.022-.977l-.268-.397a2.263 2.263 0 0 1 1.182-3.42l.317-.101a.905.905 0 0 0 .624-.79l.07-.888a2.263 2.263 0 0 1 2.915-1.986l.447.136a.9.9 0 0 0 .93-.254z"/><path fill="url(#iP9neYr)" d="M14.304 6.55a2.263 2.263 0 0 1 3.332-.001l.582.633a.91.91 0 0 0 .743.29l1.098-.093a2.263 2.263 0 0 1 2.444 2.055l.045.503c.028.316.22.594.504.734l.763.372a2.263 2.263 0 0 1 .826 3.38l-.202.273a.905.905 0 0 0-.002 1.074l.221.302a2.263 2.263 0 0 1-.952 3.427l-.756.316a.9.9 0 0 0-.543.679l-.215 1.225a1.81 1.81 0 0 1-2.037 1.48l-1.28-.181a.9.9 0 0 0-.756.246l-.93.9a1.81 1.81 0 0 1-2.519 0l-.929-.9a.9.9 0 0 0-.756-.246l-1.305.185a1.81 1.81 0 0 1-2.033-1.455l-.23-1.214a.9.9 0 0 0-.507-.652l-.67-.312a2.263 2.263 0 0 1-.977-3.229l.35-.575a.9.9 0 0 0-.022-.977l-.268-.397a2.263 2.263 0 0 1 1.182-3.42l.317-.101a.905.905 0 0 0 .624-.79l.07-.888a2.263 2.263 0 0 1 2.915-1.986l.447.136a.9.9 0 0 0 .93-.254z"/></g><g filter="url(#io45aac)"><path fill="url(#igKaLVb)" d="M16 22.44a7.233 7.233 0 1 0 0-14.466a7.233 7.233 0 0 0 0 14.466"/></g><g filter="url(#iujMkOe)"><path fill="url(#ipmehee)" fill-rule="evenodd" d="M6.012 30a4 4 0 0 1-3.997-4v-5.5c.375-.25.75-.5 1.5-.5s1.125.25 1.5.5s.75.5 1.5.5s1.125-.25 1.5-.5s.75-.5 1.5-.5s1.25.25 1.75.5s1 .5 1.75.5s1.125-.25 1.5-.5s.75-.5 1.5-.5s1.125.25 1.5.5s.75.5 1.5.5s1.25-.25 1.75-.5s1-.5 1.75-.5s1.125.25 1.5.5s.75.5 1.5.5s1.125-.25 1.5-.5s.75-.5 1.5-.5s1.125.25 1.5.5V26a4 4 0 0 1-3.997 4z" clip-rule="evenodd"/></g><rect width="16" height="1" x="8.015" y="23" fill="url(#i7rH0ys)" rx=".5"/><rect width="16" height="1" x="8.015" y="23" fill="url(#i7I4lXd)" rx=".5"/><rect width="8" height="1" x="12.015" y="26" fill="url(#igLOByc)" rx=".5"/><rect width="8" height="1" x="12.015" y="26" fill="url(#iTR8jnb)" rx=".5"/><defs><radialGradient id="i580kXd" cx="0" cy="0" r="1" gradientTransform="matrix(0 -7.93083 3.16161 0 28.427 21.93)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8D58"/><stop offset="1" stop-color="#FF8D58" stop-opacity="0"/></radialGradient><radialGradient id="iiSeg4D" cx="0" cy="0" r="1" gradientTransform="matrix(-3.21787 2.5028 -2.54611 -3.27357 29.319 3.145)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6A64"/><stop offset="1" stop-color="#FF6A64" stop-opacity="0"/></radialGradient><radialGradient id="iakCOBF" cx="0" cy="0" r="1" gradientTransform="matrix(-1.89515 1.69714 -1.4974 -1.6721 17.754 6.62)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#FFA13A"/><stop offset="1" stop-color="#FFA13A" stop-opacity="0"/></radialGradient><radialGradient id="iV1jfId" cx="0" cy="0" r="1" gradientTransform="matrix(1.52743 3.74482 -3.30409 1.34767 11.135 5.817)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#FF942A"/><stop offset="1" stop-color="#FF942A" stop-opacity="0"/></radialGradient><radialGradient id="iZNMIVc" cx="0" cy="0" r="1" gradientTransform="rotate(-164.745 11.64 3.322)scale(1.61253 2.23276)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#FFA13D"/><stop offset="1" stop-color="#FFA13D" stop-opacity="0"/></radialGradient><radialGradient id="iyYdm7b" cx="0" cy="0" r="1" gradientTransform="rotate(154.195 11.258 8.861)scale(2.8591 2.11165)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#FFA13D"/><stop offset="1" stop-color="#FFA13D" stop-opacity="0"/></radialGradient><radialGradient id="i6bcQBc" cx="0" cy="0" r="1" gradientTransform="matrix(-3.168 -.36773 .20723 -1.78527 25.872 16.775)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#FFA13D"/><stop offset="1" stop-color="#FFA13D" stop-opacity="0"/></radialGradient><radialGradient id="iwYy4ra" cx="0" cy="0" r="1" gradientTransform="matrix(2.08227 -2.00829 1.93475 2.00602 23.015 20.48)" gradientUnits="userSpaceOnUse"><stop stop-color="#E0762A"/><stop offset="1" stop-color="#E0762A" stop-opacity="0"/></radialGradient><radialGradient id="iLkYK4X" cx="0" cy="0" r="1" gradientTransform="rotate(-127.747 9.66 7.545)scale(2.21786 2.13665)" gradientUnits="userSpaceOnUse"><stop stop-color="#E0762A"/><stop offset="1" stop-color="#E0762A" stop-opacity="0"/></radialGradient><radialGradient id="iP9neYr" cx="0" cy="0" r="1" gradientTransform="rotate(25.278 -24.149 20.828)scale(2.25223 2.72214)" gradientUnits="userSpaceOnUse"><stop stop-color="#F0851D"/><stop offset="1" stop-color="#F0851D" stop-opacity="0"/></radialGradient><radialGradient id="igKaLVb" cx="0" cy="0" r="1" gradientTransform="rotate(117.739 6.725 11.58)scale(12.9062 18.5583)" gradientUnits="userSpaceOnUse"><stop offset=".204" stop-color="#FFD83E"/><stop offset="1" stop-color="#DCA21C"/><stop offset="1" stop-color="#D89A29"/></radialGradient><linearGradient id="in8dRtc" x1="9.351" x2="16.015" y1="5.961" y2="21.93" gradientUnits="userSpaceOnUse"><stop stop-color="#FF4B4B"/><stop offset="1" stop-color="#FF7A45"/></linearGradient><linearGradient id="iEObTcU" x1="16.015" x2="16.015" y1=".698" y2="4.905" gradientUnits="userSpaceOnUse"><stop stop-color="#EB5551"/><stop offset="1" stop-color="#EB5551" stop-opacity="0"/></linearGradient><linearGradient id="iOTpmvc" x1="30.788" x2="27.107" y1="14.476" y2="14.476" gradientUnits="userSpaceOnUse"><stop stop-color="#FF755A"/><stop offset="1" stop-color="#FF755A" stop-opacity="0"/></linearGradient><linearGradient id="iXib1Ht" x1="21.632" x2="11.297" y1="8.93" y2="22.115" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8E28"/><stop offset="1" stop-color="#E46E2D"/></linearGradient><linearGradient id="ipmehee" x1="8.806" x2="27.212" y1="25" y2="25" gradientUnits="userSpaceOnUse"><stop stop-color="#5087FF"/><stop offset="1" stop-color="#63B9FF"/></linearGradient><linearGradient id="i7rH0ys" x1="16.015" x2="16.015" y1="23" y2="24" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD8FF"/><stop offset="1" stop-color="#FFE8FF"/></linearGradient><linearGradient id="i7I4lXd" x1="24.344" x2="22.69" y1="24" y2="24" gradientUnits="userSpaceOnUse"><stop stop-color="#F0CCFF"/><stop offset="1" stop-color="#F0CCFF" stop-opacity="0"/></linearGradient><linearGradient id="igLOByc" x1="16.015" x2="16.015" y1="26" y2="27" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD8FF"/><stop offset="1" stop-color="#FFE8FF"/></linearGradient><linearGradient id="iTR8jnb" x1="20.179" x2="19.352" y1="27" y2="27" gradientUnits="userSpaceOnUse"><stop stop-color="#F0CCFF"/><stop offset="1" stop-color="#F0CCFF" stop-opacity="0"/></linearGradient><filter id="ieesmec" width="29.5" height="28" x="2.015" y="2" 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="1.5"/><feGaussianBlur stdDeviation="1.125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.658824 0 0 0 0 0.301961 0 0 0 0 0.294118 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_8062"/></filter><filter id="ipcNONe" width="21.166" height="21.856" x="4.182" y="5.117" 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.25" dy=".8"/><feGaussianBlur stdDeviation=".75"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.8 0 0 0 0 0.180392 0 0 0 0 0.133333 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_8062"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_8062" result="shape"/></filter><filter id="io45aac" width="15.066" height="15.066" x="8.167" y="7.974" 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_8062"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_8062" result="shape"/></filter><filter id="iujMkOe" width="30" height="11" x="1.015" y="19.5" 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="-1" dy=".5"/><feGaussianBlur stdDeviation=".75"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.447059 0 0 0 0 0.894118 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_8062"/><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="-.5"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.235294 0 0 0 0 0.329412 0 0 0 0 0.756863 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_8062" result="effect2_innerShadow_18_8062"/></filter></defs></g></svg>Как использовать иконку Sunrise
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:sunrise" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:sunrise" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:sunrise" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--sunrise]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:sunrise"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:sunrise"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/sunrise.svg" alt="Иконка Sunrise" width="24" height="24">Похожие иконки в наборе Fluent Emoji
Иконка Sunrise в других наборах
Вопросы и ответы: Иконка Sunrise
Можно ли бесплатно использовать иконку Sunrise в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Sunrise в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:sunrise" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Sunrise на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/sunrise.svg" alt="Иконка Sunrise">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.