Cityscape アイコン
fluent-emoji:cityscape
Cityscape アイコン(fluent-emoji:cityscape)は、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 xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#ik9o6Ph)"><g filter="url(#ib3RHSb)"><rect width="28" height="28" x="2" y="1.964" fill="url(#i8leRYd)" rx="4"/><rect width="28" height="28" x="2" y="1.964" fill="url(#iZJHBYb)" rx="4"/><rect width="28" height="28" x="2" y="1.964" fill="url(#iKiFDLc)" rx="4"/><rect width="28" height="28" x="2" y="1.964" fill="url(#iUqqHrd)" rx="4"/><rect width="28" height="28" x="2" y="1.964" fill="url(#iJDDzwc)" rx="4"/></g><g filter="url(#ioboLUd)"><path fill="#2D2934" d="M18 29.787h8a4 4 0 0 0 2-.535V17.037c0-.69-.56-1.25-1.25-1.25h-7.5c-.69 0-1.25.56-1.25 1.25z"/><path fill="url(#ik5gZUz)" d="M18 29.787h8a4 4 0 0 0 2-.535V17.037c0-.69-.56-1.25-1.25-1.25h-7.5c-.69 0-1.25.56-1.25 1.25z"/></g><g filter="url(#irFjsgj)"><path fill="#316FAB" d="M18 29.787h8a4 4 0 0 0 2-.535V17.037c0-.69-.56-1.25-1.25-1.25h-7.5c-.69 0-1.25.56-1.25 1.25z"/><path fill="url(#i37PwLb)" d="M18 29.787h8a4 4 0 0 0 2-.535V17.037c0-.69-.56-1.25-1.25-1.25h-7.5c-.69 0-1.25.56-1.25 1.25z"/></g><path fill="url(#i6KxQLd)" d="M18 29.787h8a4 4 0 0 0 2-.535V17.037c0-.69-.56-1.25-1.25-1.25h-7.5c-.69 0-1.25.56-1.25 1.25z"/><g filter="url(#iYddnRd)"><path fill="#D9D5FF" d="M19.087 11.768a2.466 2.466 0 1 1 .865-4.776c.339.127.774-.018.939-.34a3.513 3.513 0 1 1 3.266 5.113v.003z"/><path fill="url(#ilATYKb)" d="M19.087 11.768a2.466 2.466 0 1 1 .865-4.776c.339.127.774-.018.939-.34a3.513 3.513 0 1 1 3.266 5.113v.003z"/></g><g filter="url(#ieC3g7c)"><path fill="#D6D5FF" d="M14.778 6.764a1.112 1.112 0 1 1 .427-2.139c.133.056.306-.002.369-.132a1.584 1.584 0 1 1 1.49 2.27z"/><path fill="url(#iLo09KL)" d="M14.778 6.764a1.112 1.112 0 1 1 .427-2.139c.133.056.306-.002.369-.132a1.584 1.584 0 1 1 1.49 2.27z"/></g><g filter="url(#iIOPXmb)"><path fill="#3495DE" d="M6 29.787h7V7.037c0-.69-.56-1.25-1.25-1.25h-1.5c-.69 0-1.25.56-1.25 1.25v.75H5.25c-.69 0-1.25.56-1.25 1.25v20.215c.588.34 1.271.535 2 .535"/><path fill="url(#i0uLfXn)" d="M6 29.787h7V7.037c0-.69-.56-1.25-1.25-1.25h-1.5c-.69 0-1.25.56-1.25 1.25v.75H5.25c-.69 0-1.25.56-1.25 1.25v20.215c.588.34 1.271.535 2 .535"/></g><path fill="url(#i0uLfXn)" d="M6 29.787h7V7.037c0-.69-.56-1.25-1.25-1.25h-1.5c-.69 0-1.25.56-1.25 1.25v.75H5.25c-.69 0-1.25.56-1.25 1.25v20.215c.588.34 1.271.535 2 .535"/><g filter="url(#i1PO0Pb)"><path fill="url(#i3sRpgb)" d="M23 29.787h3a4 4 0 0 0 4-4v-7h-5.75c-.69 0-1.25.56-1.25 1.25z"/></g><g filter="url(#iAzM6Zc)"><path fill="url(#ivtFCid)" d="M23 29.787h3a4 4 0 0 0 4-4v-7h-5.75c-.69 0-1.25.56-1.25 1.25z"/></g><path fill="url(#iFv3bzd)" d="M23 29.787h3a4 4 0 0 0 4-4v-7h-5.75c-.69 0-1.25.56-1.25 1.25z"/><g filter="url(#iByuLHB)"><path fill="url(#iUxCptd)" d="M2 13.787v12a4 4 0 0 0 4 4h1v-14.75c0-.69-.56-1.25-1.25-1.25z"/></g><path fill="url(#i9HY9jd)" d="M2 13.787v12a4 4 0 0 0 4 4h1v-14.75c0-.69-.56-1.25-1.25-1.25z"/><g filter="url(#ijpyv3Z)"><path fill="url(#i9V7Sne)" d="M9 29.787h12v-5.75c0-.69-.56-1.25-1.25-1.25H19v-10.75c0-.69-.56-1.25-1.25-1.25h-7.5c-.69 0-1.25.56-1.25 1.25z"/></g><path fill="url(#iaBYZLc)" d="M9 29.787h12v-5.75c0-.69-.56-1.25-1.25-1.25H19v-10.75c0-.69-.56-1.25-1.25-1.25h-7.5c-.69 0-1.25.56-1.25 1.25z"/><g filter="url(#itmldkd)"><path fill="url(#iU4JTjc)" fill-rule="evenodd" d="M30 24.787h-5a1 1 0 1 0 0 2h4.874a4 4 0 0 0 .126-1z" clip-rule="evenodd"/></g><g filter="url(#i5j0cPb)"><path fill="url(#iMDC7nb)" d="M24 21.787a1 1 0 0 1 1-1h5v2h-5a1 1 0 0 1-1-1"/></g><g filter="url(#igdvvne)"><rect width="1.961" height="1.96" x="15.02" y="12.803" fill="url(#iQpS4Lt)" rx=".3"/></g><g filter="url(#iK2elYc)"><rect width="1.961" height="1.96" x="11.02" y="12.803" fill="url(#ieb2XyD)" rx=".3"/></g><g filter="url(#iWT4Moc)"><rect width="1.961" height="1.96" x="3.02" y="15.807" fill="url(#i3tgRgb)" rx=".3"/></g><g filter="url(#iSN6Mve)"><rect width="1.961" height="1.96" x="3.02" y="19.807" fill="url(#iN7KMje)" rx=".3"/></g><g filter="url(#iE7o6Zd)"><rect width="1.961" height="1.96" x="3.02" y="23.807" fill="url(#iRIo2fb)" rx=".3"/></g><g filter="url(#iGZj7zb)"><rect width="1.961" height="1.96" x="15.02" y="16.807" fill="url(#i5Flusc)" rx=".3"/></g><g filter="url(#iG19yCB)"><rect width="1.961" height="1.96" x="15.02" y="20.811" fill="url(#iOA5wJe)" rx=".3"/></g><g filter="url(#iBnfnVd)"><rect width="1.961" height="1.96" x="15.02" y="24.816" fill="url(#i3DSSAu)" rx=".3"/></g><g filter="url(#iwsieQb)"><rect width="1.961" height="1.96" x="11.02" y="16.807" fill="url(#i6VSbhe)" rx=".3"/></g><g filter="url(#iXWlmEe)"><rect width="1.961" height="1.96" x="11.02" y="20.811" fill="url(#iOmk5sc)" rx=".3"/></g><g filter="url(#iTA2Kcc)"><rect width="1.961" height="1.96" x="11.02" y="24.816" fill="url(#irzWE1b)" rx=".3"/></g><g filter="url(#imI8f2c)"><path fill="url(#i71XStc)" d="M20.923 8.432c-.11-.7-.597-1.165-1.333-1.165s-1.333.522-1.333 1.165c0 .233.079.45.214.632l.13.189a3 3 0 0 0 2.469 1.295h1.34l-.64-.373a1.43 1.43 0 0 1-.688-.945c-.056-.276-.109-.554-.159-.798"/></g><g filter="url(#i52Xpkc)"><path fill="url(#i0EX4Ac)" d="M15.606 5.26c-.05-.315-.27-.525-.6-.525c-.333 0-.602.235-.602.525c0 .105.036.203.096.285c.29.42.766.67 1.275.67h.501a1.38 1.38 0 0 1-.663-.923z"/></g><g filter="url(#iqbFOAb)"><circle cx="24.332" cy="7.771" r="2.547" fill="url(#ixVEqfd)"/></g><g filter="url(#izeC50c)"><circle cx="17.143" cy="4.962" r="1.148" fill="url(#imsdwQd)"/></g></g><defs><linearGradient id="i8leRYd" x1="16" x2="16" y1="4.159" y2="15.026" gradientUnits="userSpaceOnUse"><stop stop-color="#51D9FB"/><stop offset="1" stop-color="#A4DCFF"/></linearGradient><linearGradient id="iZJHBYb" x1="1.508" x2="6.519" y1="12.661" y2="12.661" gradientUnits="userSpaceOnUse"><stop stop-color="#6EC5E3"/><stop offset="1" stop-color="#6EC5E3" stop-opacity="0"/></linearGradient><linearGradient id="iKiFDLc" x1="16" x2="16" y1="1.17" y2="5.017" gradientUnits="userSpaceOnUse"><stop stop-color="#3ECAE6"/><stop offset="1" stop-color="#3ECAE6" stop-opacity="0"/></linearGradient><linearGradient id="ik5gZUz" x1="21.063" x2="21.051" y1="28.632" y2="19.448" gradientUnits="userSpaceOnUse"><stop stop-color="#210B39"/><stop offset=".517" stop-color="#180D25"/><stop offset="1" stop-color="#180D25" stop-opacity="0"/></linearGradient><linearGradient id="i37PwLb" x1="21.105" x2="21.073" y1="24.828" y2="19.448" gradientUnits="userSpaceOnUse"><stop stop-color="#214997"/><stop offset="1" stop-color="#214997" stop-opacity="0"/></linearGradient><linearGradient id="i6KxQLd" x1="21.105" x2="21.044" y1="29.787" y2="19.449" gradientUnits="userSpaceOnUse"><stop stop-color="#214997"/><stop offset="1" stop-color="#214997" stop-opacity="0"/></linearGradient><linearGradient id="ilATYKb" x1="21.715" x2="21.715" y1="13.252" y2="9.953" gradientUnits="userSpaceOnUse"><stop stop-color="#BCB7FF"/><stop offset="1" stop-color="#BCB7FF" stop-opacity="0"/></linearGradient><linearGradient id="iLo09KL" x1="15.963" x2="15.963" y1="7.433" y2="5.946" gradientUnits="userSpaceOnUse"><stop stop-color="#BCB7FF"/><stop offset="1" stop-color="#BCB7FF" stop-opacity="0"/></linearGradient><linearGradient id="i0uLfXn" x1="6.795" x2="6.69" y1="21.287" y2="12.065" gradientUnits="userSpaceOnUse"><stop stop-color="#214997"/><stop offset="1" stop-color="#214997" stop-opacity="0"/></linearGradient><linearGradient id="i3sRpgb" x1="27.083" x2="27.083" y1="18.787" y2="25.653" gradientUnits="userSpaceOnUse"><stop stop-color="#4791CD"/><stop offset="1" stop-color="#A1A0B4"/></linearGradient><linearGradient id="ivtFCid" x1="27.083" x2="27.083" y1="18.787" y2="25.653" gradientUnits="userSpaceOnUse"><stop stop-color="#3B89E5"/><stop offset="1" stop-color="#3D65C4"/></linearGradient><linearGradient id="iFv3bzd" x1="26.5" x2="26.5" y1="18.787" y2="19.026" gradientUnits="userSpaceOnUse"><stop stop-color="#1988D7"/><stop offset="1" stop-color="#1988D7" stop-opacity="0"/></linearGradient><linearGradient id="iUxCptd" x1="4.917" x2="4.917" y1="13.787" y2="23.774" gradientUnits="userSpaceOnUse"><stop stop-color="#3BA0FD"/><stop offset="1" stop-color="#3E67C7"/></linearGradient><linearGradient id="i9HY9jd" x1="4.5" x2="4.5" y1="13.787" y2="14.135" gradientUnits="userSpaceOnUse"><stop stop-color="#1B99E8"/><stop offset="1" stop-color="#1B99E8" stop-opacity="0"/></linearGradient><linearGradient id="i9V7Sne" x1="16" x2="16" y1="10.787" y2="22.646" gradientUnits="userSpaceOnUse"><stop stop-color="#3BA0FD"/><stop offset="1" stop-color="#3E67C7"/></linearGradient><linearGradient id="iaBYZLc" x1="15" x2="15" y1="10.787" y2="11.2" gradientUnits="userSpaceOnUse"><stop stop-color="#1B99E8"/><stop offset="1" stop-color="#1B99E8" stop-opacity="0"/></linearGradient><linearGradient id="iU4JTjc" x1="27" x2="27" y1="25.343" y2="26.787" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE07B"/><stop offset="1" stop-color="#FFF670"/><stop offset="1" stop-color="#FFFF73"/></linearGradient><linearGradient id="iMDC7nb" x1="27" x2="27" y1="21.343" y2="22.787" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE07B"/><stop offset="1" stop-color="#FFF670"/><stop offset="1" stop-color="#FFFF73"/></linearGradient><linearGradient id="iQpS4Lt" x1="16.98" x2="15.02" y1="12.803" y2="14.762" gradientUnits="userSpaceOnUse"><stop stop-color="#282130"/><stop offset="1" stop-color="#383739"/></linearGradient><linearGradient id="ieb2XyD" x1="12.98" x2="11.375" y1="13.22" y2="14.762" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDC73"/><stop offset="1" stop-color="#FFFF7F"/></linearGradient><linearGradient id="i3tgRgb" x1="4.98" x2="3.02" y1="15.807" y2="17.767" gradientUnits="userSpaceOnUse"><stop stop-color="#282130"/><stop offset="1" stop-color="#383739"/></linearGradient><linearGradient id="iN7KMje" x1="4.98" x2="3.375" y1="20.224" y2="21.767" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDC73"/><stop offset="1" stop-color="#FFFF7F"/></linearGradient><linearGradient id="iRIo2fb" x1="4.98" x2="3.375" y1="24.224" y2="25.767" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDC73"/><stop offset="1" stop-color="#FFFF7F"/></linearGradient><linearGradient id="i5Flusc" x1="16.98" x2="15.375" y1="17.224" y2="18.767" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDC73"/><stop offset="1" stop-color="#FFFF7F"/></linearGradient><linearGradient id="iOA5wJe" x1="16.98" x2="15.375" y1="21.229" y2="22.771" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDC73"/><stop offset="1" stop-color="#FFFF7F"/></linearGradient><linearGradient id="i3DSSAu" x1="16.98" x2="15.02" y1="24.816" y2="26.776" gradientUnits="userSpaceOnUse"><stop stop-color="#282130"/><stop offset="1" stop-color="#383739"/></linearGradient><linearGradient id="i6VSbhe" x1="12.98" x2="11.375" y1="17.224" y2="18.767" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDC73"/><stop offset="1" stop-color="#FFFF7F"/></linearGradient><linearGradient id="iOmk5sc" x1="12.98" x2="11.02" y1="20.811" y2="22.771" gradientUnits="userSpaceOnUse"><stop stop-color="#282130"/><stop offset="1" stop-color="#383739"/></linearGradient><linearGradient id="irzWE1b" x1="12.98" x2="11.375" y1="25.233" y2="26.776" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDC73"/><stop offset="1" stop-color="#FFFF7F"/></linearGradient><linearGradient id="i71XStc" x1="20.588" x2="17.858" y1="7.768" y2="10.982" gradientUnits="userSpaceOnUse"><stop stop-color="#ECEAFF"/><stop offset="1" stop-color="#ECEAFF" stop-opacity="0"/></linearGradient><linearGradient id="i0EX4Ac" x1="15.455" x2="14.224" y1="4.961" y2="6.41" gradientUnits="userSpaceOnUse"><stop stop-color="#ECEAFF"/><stop offset="1" stop-color="#ECEAFF" stop-opacity="0"/></linearGradient><filter id="ib3RHSb" width="28.15" height="28.15" x="2" y="1.964" 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=".15" dy=".15"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.219608 0 0 0 0 0.690196 0 0 0 0 0.780392 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7834"/></filter><filter id="ioboLUd" width="10.4" height="14.4" x="17.8" y="15.587" 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="-.2" dy=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.27451 0 0 0 0 0.266667 0 0 0 0 0.282353 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7834"/><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=".2" dy="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.0509804 0 0 0 0 0.027451 0 0 0 0 0.0823529 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_7834" result="effect2_innerShadow_18_7834"/></filter><filter id="irFjsgj" width="10.4" height="14.4" x="17.8" y="15.587" 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="-.2" dy=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.25098 0 0 0 0 0.603922 0 0 0 0 0.862745 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7834"/><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=".2" dy="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.184314 0 0 0 0 0.478431 0 0 0 0 0.705882 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_7834" result="effect2_innerShadow_18_7834"/></filter><filter id="iYddnRd" width="11.06" height="7.027" x="16.622" y="4.741" 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=".15"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.741176 0 0 0 0 0.717647 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7834"/></filter><filter id="ieC3g7c" width="5.069" height="3.168" x="13.667" y="3.596" 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=".15"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.741176 0 0 0 0 0.717647 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7834"/></filter><filter id="iIOPXmb" width="9.4" height="24.4" x="3.8" y="5.587" 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="-.2" dy=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.25098 0 0 0 0 0.603922 0 0 0 0 0.862745 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7834"/><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=".2" dy="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.184314 0 0 0 0 0.478431 0 0 0 0 0.705882 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_7834" result="effect2_innerShadow_18_7834"/></filter><filter id="i1PO0Pb" width="7.2" height="11" x="23" y="18.787" 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=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.356863 0 0 0 0 0.501961 0 0 0 0 0.666667 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7834"/></filter><filter id="iAzM6Zc" width="7.2" height="11" x="23" y="18.787" 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=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.129412 0 0 0 0 0.309804 0 0 0 0 0.682353 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7834"/></filter><filter id="iByuLHB" width="5.2" height="16" x="1.8" y="13.787" 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="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.321569 0 0 0 0 0.529412 0 0 0 0 0.835294 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7834"/></filter><filter id="ijpyv3Z" width="12.4" height="19" x="8.8" y="10.787" 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="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.321569 0 0 0 0 0.529412 0 0 0 0 0.835294 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7834"/><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=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.223529 0 0 0 0 0.470588 0 0 0 0 0.788235 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_7834" result="effect2_innerShadow_18_7834"/></filter><filter id="itmldkd" width="6.1" height="2.2" x="24" y="24.787" 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=".2"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.921569 0 0 0 0 0.666667 0 0 0 0 0.403922 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7834"/></filter><filter id="i5j0cPb" width="6.1" height="2.2" x="24" y="20.787" 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=".2"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.921569 0 0 0 0 0.666667 0 0 0 0 0.403922 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7834"/></filter><filter id="igdvvne" width="2.161" height="2.16" x="14.819" y="12.803" 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="-.2" dy=".2"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.0392157 0 0 0 0 0.0196078 0 0 0 0 0.0588235 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7834"/></filter><filter id="iK2elYc" width="2.161" height="2.16" x="10.819" y="12.803" 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="-.2" dy=".2"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.968627 0 0 0 0 0.72549 0 0 0 0 0.392157 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7834"/></filter><filter id="iWT4Moc" width="2.161" height="2.16" x="2.82" y="15.807" 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="-.2" dy=".2"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.0392157 0 0 0 0 0.0196078 0 0 0 0 0.0588235 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7834"/></filter><filter id="iSN6Mve" width="2.161" height="2.16" x="2.82" y="19.807" 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="-.2" dy=".2"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.968627 0 0 0 0 0.72549 0 0 0 0 0.392157 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7834"/></filter><filter id="iE7o6Zd" width="2.161" height="2.16" x="2.82" y="23.807" 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="-.2" dy=".2"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.968627 0 0 0 0 0.72549 0 0 0 0 0.392157 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7834"/></filter><filter id="iGZj7zb" width="2.161" height="2.16" x="14.819" y="16.807" 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="-.2" dy=".2"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.968627 0 0 0 0 0.72549 0 0 0 0 0.392157 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7834"/></filter><filter id="iG19yCB" width="2.161" height="2.16" x="14.819" y="20.811" 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="-.2" dy=".2"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.968627 0 0 0 0 0.72549 0 0 0 0 0.392157 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7834"/></filter><filter id="iBnfnVd" width="2.161" height="2.16" x="14.819" y="24.816" 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="-.2" dy=".2"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.0392157 0 0 0 0 0.0196078 0 0 0 0 0.0588235 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7834"/></filter><filter id="iwsieQb" width="2.161" height="2.16" x="10.819" y="16.807" 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="-.2" dy=".2"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.968627 0 0 0 0 0.72549 0 0 0 0 0.392157 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7834"/></filter><filter id="iXWlmEe" width="2.161" height="2.16" x="10.819" y="20.811" 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="-.2" dy=".2"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.0392157 0 0 0 0 0.0196078 0 0 0 0 0.0588235 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7834"/></filter><filter id="iTA2Kcc" width="2.161" height="2.16" x="10.819" y="24.816" 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="-.2" dy=".2"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.968627 0 0 0 0 0.72549 0 0 0 0 0.392157 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7834"/></filter><filter id="imI8f2c" width="6.153" height="5.281" x="17.257" y="6.267" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_7834" stdDeviation=".5"/></filter><filter id="i52Xpkc" width="2.872" height="2.479" x="13.904" y="4.235" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_7834" stdDeviation=".25"/></filter><filter id="iqbFOAb" width="7.094" height="7.094" x="20.785" y="4.224" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_7834" stdDeviation=".5"/></filter><filter id="izeC50c" width="3.296" height="3.296" x="15.495" y="3.314" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_7834" stdDeviation=".25"/></filter><radialGradient id="iUqqHrd" cx="0" cy="0" r="1" gradientTransform="matrix(-2.88545 0 0 -13.2123 28.49 18.634)" gradientUnits="userSpaceOnUse"><stop stop-color="#B4E7FF"/><stop offset="1" stop-color="#B4E7FF" stop-opacity="0"/></radialGradient><radialGradient id="iJDDzwc" cx="0" cy="0" r="1" gradientTransform="rotate(135 14.087 7.855)scale(2.36248 3.41339)" gradientUnits="userSpaceOnUse"><stop stop-color="#60E0FF"/><stop offset="1" stop-color="#60E0FF" stop-opacity="0"/></radialGradient><radialGradient id="ixVEqfd" cx="0" cy="0" r="1" gradientTransform="matrix(-2.40623 2.15626 -2.6807 -2.99147 25.75 6.787)" gradientUnits="userSpaceOnUse"><stop stop-color="#EBE8FF"/><stop offset="1" stop-color="#ECEAFF" stop-opacity="0"/></radialGradient><radialGradient id="imsdwQd" cx="0" cy="0" r="1" gradientTransform="matrix(-1.08482 .97212 -1.20856 -1.34867 17.782 4.518)" gradientUnits="userSpaceOnUse"><stop stop-color="#EBE8FF"/><stop offset="1" stop-color="#ECEAFF" stop-opacity="0"/></radialGradient><clipPath id="ik9o6Ph"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>Cityscape アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:cityscape" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:cityscape" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:cityscape" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--cityscape]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:cityscape"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:cityscape"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/cityscape.svg" alt="Cityscape アイコン" width="24" height="24">Fluent Emoji の関連アイコン
他のアイコンセットの Cityscape アイコン
Cityscape アイコン のよくある質問
Cityscape アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cityscape アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:cityscape" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cityscape アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/cityscape.svg" alt="Cityscape アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。