Bicycle アイコン
fluent-emoji:bicycle
Bicycle アイコン(fluent-emoji:bicycle)は、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 filter="url(#i4izZYb)"><path fill="url(#i6ipAsd)" d="M14 9.5a.5.5 0 0 0-.5-.5h-2A2.5 2.5 0 0 0 9 11.5c0 1.37 1.101 2.42 2.425 2.496c.071.004.12.077.092.143l-.51 1.193a.528.528 0 1 0 .97.414l.617-1.443a.5.5 0 0 1 .46-.303h.05a.5.5 0 0 0 0-1H11.5a1.5 1.5 0 0 1 0-3h2a.5.5 0 0 0 .5-.5"/></g><path fill="url(#i15Ei1c)" d="M14 9.5a.5.5 0 0 0-.5-.5h-2A2.5 2.5 0 0 0 9 11.5c0 1.37 1.101 2.42 2.425 2.496c.071.004.12.077.092.143l-.51 1.193a.528.528 0 1 0 .97.414l.617-1.443a.5.5 0 0 1 .46-.303h.05a.5.5 0 0 0 0-1H11.5a1.5 1.5 0 0 1 0-3h2a.5.5 0 0 0 .5-.5"/><path fill="url(#ivReETd)" d="M14 9.5a.5.5 0 0 0-.5-.5h-2A2.5 2.5 0 0 0 9 11.5c0 1.37 1.101 2.42 2.425 2.496c.071.004.12.077.092.143l-.51 1.193a.528.528 0 1 0 .97.414l.617-1.443a.5.5 0 0 1 .46-.303h.05a.5.5 0 0 0 0-1H11.5a1.5 1.5 0 0 1 0-3h2a.5.5 0 0 0 .5-.5"/><path fill="url(#iqp1bTc)" d="M14 9.5a.5.5 0 0 0-.5-.5h-2A2.5 2.5 0 0 0 9 11.5c0 1.37 1.101 2.42 2.425 2.496c.071.004.12.077.092.143l-.51 1.193a.528.528 0 1 0 .97.414l.617-1.443a.5.5 0 0 1 .46-.303h.05a.5.5 0 0 0 0-1H11.5a1.5 1.5 0 0 1 0-3h2a.5.5 0 0 0 .5-.5"/><path fill="url(#ibToWCd)" d="M14 9.5a.5.5 0 0 0-.5-.5h-2A2.5 2.5 0 0 0 9 11.5c0 1.37 1.101 2.42 2.425 2.496c.071.004.12.077.092.143l-.51 1.193a.528.528 0 1 0 .97.414l.617-1.443a.5.5 0 0 1 .46-.303h.05a.5.5 0 0 0 0-1H11.5a1.5 1.5 0 0 1 0-3h2a.5.5 0 0 0 .5-.5"/><path fill="url(#igeHfOe)" d="M14 9.5a.5.5 0 0 0-.5-.5h-2A2.5 2.5 0 0 0 9 11.5c0 1.37 1.101 2.42 2.425 2.496c.071.004.12.077.092.143l-.51 1.193a.528.528 0 1 0 .97.414l.617-1.443a.5.5 0 0 1 .46-.303h.05a.5.5 0 0 0 0-1H11.5a1.5 1.5 0 0 1 0-3h2a.5.5 0 0 0 .5-.5"/><path fill="url(#iwek3Cd)" d="M14 9.5a.5.5 0 0 0-.5-.5h-2A2.5 2.5 0 0 0 9 11.5c0 1.37 1.101 2.42 2.425 2.496c.071.004.12.077.092.143l-.51 1.193a.528.528 0 1 0 .97.414l.617-1.443a.5.5 0 0 1 .46-.303h.05a.5.5 0 0 0 0-1H11.5a1.5 1.5 0 0 1 0-3h2a.5.5 0 0 0 .5-.5"/><path fill="url(#iMsbuWc)" d="M14 9.5a.5.5 0 0 0-.5-.5h-2A2.5 2.5 0 0 0 9 11.5c0 1.37 1.101 2.42 2.425 2.496c.071.004.12.077.092.143l-.51 1.193a.528.528 0 1 0 .97.414l.617-1.443a.5.5 0 0 1 .46-.303h.05a.5.5 0 0 0 0-1H11.5a1.5 1.5 0 0 1 0-3h2a.5.5 0 0 0 .5-.5"/><path stroke="url(#ihOZ0ub)" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m19.266 16.734l.484-3"/><path fill="url(#iquB4Le)" d="M12.5 24.5a5 5 0 1 1-10 0a5 5 0 0 1 10 0"/><path fill="url(#inoW1He)" d="M12.5 24.5a5 5 0 1 1-10 0a5 5 0 0 1 10 0"/><path stroke="url(#i3o0tBX)" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M12.5 24.5a5 5 0 1 1-10 0a5 5 0 0 1 10 0"/><path fill="url(#i3LE7sA)" d="M29.5 24.5a5 5 0 1 1-10 0a5 5 0 0 1 10 0"/><path fill="url(#ieEn1Hb)" d="M29.5 24.5a5 5 0 1 1-10 0a5 5 0 0 1 10 0"/><path stroke="url(#ig03dLe)" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M29.5 24.5a5 5 0 1 1-10 0a5 5 0 0 1 10 0"/><path stroke="url(#in2ZioE)" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M29.5 24.5a5 5 0 1 1-10 0a5 5 0 0 1 10 0"/><g filter="url(#i9yChVb)"><path stroke="url(#iasie9E)" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width=".25" d="M24.608 29.412a5.02 5.02 0 1 0 0-10.04a5.02 5.02 0 0 0 0 10.04"/></g><g filter="url(#iSoI2Tb)"><path stroke="url(#iUgD1bb)" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width=".25" d="M7.5 29.412a5.02 5.02 0 1 0 0-10.04a5.02 5.02 0 0 0 0 10.04"/></g><g filter="url(#iA22FYb)"><path fill="url(#i2MFcib)" d="M12.03 15.736a.58.58 0 0 0-1.06-.472l-4 9a.58.58 0 0 0 1.06.472l2.56-5.76a.1.1 0 0 1 .154-.037l6.893 5.514a.58.58 0 0 0 .935-.352l1.196-6.782a.05.05 0 0 1 .093-.016l4.205 7.365a.58.58 0 1 0 1.008-.576l-5.07-8.88a.58.58 0 0 0-1.076.187l-1.33 7.536l-6.347-5.078a.2.2 0 0 1-.058-.237z"/><path fill="url(#idzpa6d)" d="M12.03 15.736a.58.58 0 0 0-1.06-.472l-4 9a.58.58 0 0 0 1.06.472l2.56-5.76a.1.1 0 0 1 .154-.037l6.893 5.514a.58.58 0 0 0 .935-.352l1.196-6.782a.05.05 0 0 1 .093-.016l4.205 7.365a.58.58 0 1 0 1.008-.576l-5.07-8.88a.58.58 0 0 0-1.076.187l-1.33 7.536l-6.347-5.078a.2.2 0 0 1-.058-.237z"/><path fill="url(#iutz6pc)" d="M12.03 15.736a.58.58 0 0 0-1.06-.472l-4 9a.58.58 0 0 0 1.06.472l2.56-5.76a.1.1 0 0 1 .154-.037l6.893 5.514a.58.58 0 0 0 .935-.352l1.196-6.782a.05.05 0 0 1 .093-.016l4.205 7.365a.58.58 0 1 0 1.008-.576l-5.07-8.88a.58.58 0 0 0-1.076.187l-1.33 7.536l-6.347-5.078a.2.2 0 0 1-.058-.237z"/><path fill="url(#i5XgIwb)" d="M12.03 15.736a.58.58 0 0 0-1.06-.472l-4 9a.58.58 0 0 0 1.06.472l2.56-5.76a.1.1 0 0 1 .154-.037l6.893 5.514a.58.58 0 0 0 .935-.352l1.196-6.782a.05.05 0 0 1 .093-.016l4.205 7.365a.58.58 0 1 0 1.008-.576l-5.07-8.88a.58.58 0 0 0-1.076.187l-1.33 7.536l-6.347-5.078a.2.2 0 0 1-.058-.237z"/></g><g filter="url(#iRz62Bc)"><path fill="#FFB650" d="m25 23.401l-6.798-1.383C17.039 21.858 16 22.79 16 24s1.029 2.141 2.202 1.982L25 25.5c.514-.074.895-.52.895-1.05s-.39-.985-.895-1.049"/><path fill="url(#ij9AkDc)" d="m25 23.401l-6.798-1.383C17.039 21.858 16 22.79 16 24s1.029 2.141 2.202 1.982L25 25.5c.514-.074.895-.52.895-1.05s-.39-.985-.895-1.049"/><path fill="url(#iv3VvUd)" d="m25 23.401l-6.798-1.383C17.039 21.858 16 22.79 16 24s1.029 2.141 2.202 1.982L25 25.5c.514-.074.895-.52.895-1.05s-.39-.985-.895-1.049"/><path fill="url(#ihqSmBe)" d="m25 23.401l-6.798-1.383C17.039 21.858 16 22.79 16 24s1.029 2.141 2.202 1.982L25 25.5c.514-.074.895-.52.895-1.05s-.39-.985-.895-1.049"/></g><g filter="url(#ip8EgNe)"><rect width="4" height="2" x="17.75" y="12" fill="#A86F5F" rx="1"/><rect width="4" height="2" x="17.75" y="12" fill="url(#iU59XMb)" rx="1"/></g><rect width="3" height="1" x="12" y="9" fill="url(#iCmyYKd)" rx=".5"/><rect width="3" height="1" x="12" y="9" fill="url(#iD2X8Xb)" rx=".5"/><rect width="3" height="1" x="12" y="9" fill="url(#iO6zBbc)" rx=".5"/><path fill="url(#iNzYfdb)" d="M18 25a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><g filter="url(#ig3QMDd)"><path stroke="url(#iKsNnPc)" stroke-width=".4" d="M19.172 12.656h2.219"/></g><defs><radialGradient id="i15Ei1c" cx="0" cy="0" r="1" gradientTransform="matrix(-.77141 .35217 -.29116 -.63776 13.672 13.294)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFFBFF"/><stop offset="1" stop-color="#FFFBFF" stop-opacity="0"/></radialGradient><radialGradient id="ivReETd" cx="0" cy="0" r="1" gradientTransform="rotate(-65.98 17.337 -.908)scale(1.57379 .42766)" gradientUnits="userSpaceOnUse"><stop stop-color="#7F7987"/><stop offset="1" stop-color="#7F7987" stop-opacity="0"/></radialGradient><radialGradient id="iqp1bTc" cx="0" cy="0" r="1" gradientTransform="matrix(-4.82393 -3.49707 2.47427 -3.41305 14 13.182)" gradientUnits="userSpaceOnUse"><stop offset=".819" stop-color="#7C7B7D" stop-opacity="0"/><stop offset=".949" stop-color="#7C7B7D"/></radialGradient><radialGradient id="ibToWCd" cx="0" cy="0" r="1" gradientTransform="matrix(-.68763 1.17209 -1.72458 -1.01176 11.638 12.202)" gradientUnits="userSpaceOnUse"><stop offset=".325" stop-color="#B7B5BB"/><stop offset="1" stop-color="#B7B5BB" stop-opacity="0"/></radialGradient><radialGradient id="igeHfOe" cx="0" cy="0" r="1" gradientTransform="matrix(-1.44919 1.05902 -.37122 -.50799 12.087 9.88)" gradientUnits="userSpaceOnUse"><stop stop-color="#A972D4"/><stop offset="1" stop-color="#A972D4" stop-opacity="0"/></radialGradient><radialGradient id="iwek3Cd" cx="0" cy="0" r="1" gradientTransform="matrix(-1.71395 .57132 -.08404 -.25211 12.52 8.75)" gradientUnits="userSpaceOnUse"><stop stop-color="#BDB6C2"/><stop offset="1" stop-color="#BDB6C2" stop-opacity="0"/></radialGradient><radialGradient id="iMsbuWc" cx="0" cy="0" r="1" gradientTransform="matrix(.52981 -1.55632 .38734 .13186 11.845 15.261)" gradientUnits="userSpaceOnUse"><stop stop-color="#E1C9F8"/><stop offset="1" stop-color="#E1C9F8" stop-opacity="0"/></radialGradient><radialGradient id="ihOZ0ub" cx="0" cy="0" r="1" gradientTransform="matrix(-.93344 0 0 -1.84091 19.966 15.234)" gradientUnits="userSpaceOnUse"><stop stop-color="#E6D6F2"/><stop offset="1" stop-color="#7B6787"/></radialGradient><radialGradient id="iquB4Le" cx="0" cy="0" r="1" gradientTransform="rotate(90 -8.5 16)scale(5.5)" gradientUnits="userSpaceOnUse"><stop offset=".652" stop-color="#FEEEFF"/><stop offset="1" stop-color="#DFD2EA"/></radialGradient><radialGradient id="inoW1He" cx="0" cy="0" r="1" gradientTransform="rotate(118.277 -1.46 13.236)scale(11.3535)" gradientUnits="userSpaceOnUse"><stop offset=".641" stop-color="#C3BAC3" stop-opacity="0"/><stop offset="1" stop-color="#C3BAC3"/></radialGradient><radialGradient id="i3LE7sA" cx="0" cy="0" r="1" gradientTransform="rotate(90 0 24.5)scale(5.5)" gradientUnits="userSpaceOnUse"><stop offset=".652" stop-color="#FEEEFF"/><stop offset="1" stop-color="#DFD2EA"/></radialGradient><radialGradient id="ieEn1Hb" cx="0" cy="0" r="1" gradientTransform="rotate(144.502 9.817 15.94)scale(7.86919)" gradientUnits="userSpaceOnUse"><stop offset=".719" stop-color="#C3BAC3" stop-opacity="0"/><stop offset="1" stop-color="#C3BAC3"/></radialGradient><radialGradient id="in2ZioE" cx="0" cy="0" r="1" gradientTransform="matrix(5.5 -1.09713 .91216 4.57274 19 23.335)" gradientUnits="userSpaceOnUse"><stop stop-color="#291C31"/><stop offset="1" stop-color="#291C31" stop-opacity="0"/></radialGradient><radialGradient id="idzpa6d" cx="0" cy="0" r="1" gradientTransform="rotate(-109.799 16.512 2.004)scale(2.07583 .41284)" gradientUnits="userSpaceOnUse"><stop offset=".285" stop-color="#9E4049"/><stop offset="1" stop-color="#9E4049" stop-opacity="0"/></radialGradient><radialGradient id="i5XgIwb" cx="0" cy="0" r="1" gradientTransform="rotate(-130.365 10.311 7.266)scale(2.05069 .52474)" gradientUnits="userSpaceOnUse"><stop stop-color="#AE205B"/><stop offset="1" stop-color="#AE205B" stop-opacity="0"/></radialGradient><radialGradient id="ij9AkDc" cx="0" cy="0" r="1" gradientTransform="rotate(163.578 11.165 13.71)scale(1.54751 2.9008)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFED66"/><stop offset="1" stop-color="#FFED66" stop-opacity="0"/></radialGradient><radialGradient id="ihqSmBe" cx="0" cy="0" r="1" gradientTransform="matrix(-5.46874 -4.00002 4.01735 -5.49243 21.938 26)" gradientUnits="userSpaceOnUse"><stop offset=".8" stop-color="#C28849" stop-opacity="0"/><stop offset=".952" stop-color="#C28849"/></radialGradient><radialGradient id="iU59XMb" cx="0" cy="0" r="1" gradientTransform="matrix(-1.03126 1.1875 -.99416 -.86336 21.594 12.188)" gradientUnits="userSpaceOnUse"><stop stop-color="#C4877A"/><stop offset="1" stop-color="#C4877A" stop-opacity="0"/></radialGradient><radialGradient id="iD2X8Xb" cx="0" cy="0" r="1" gradientTransform="matrix(-1.94541 0 0 -.34769 14.403 9.45)" gradientUnits="userSpaceOnUse"><stop stop-color="#423E47"/><stop offset="1" stop-color="#423E47" stop-opacity="0"/></radialGradient><radialGradient id="iO6zBbc" cx="0" cy="0" r="1" gradientTransform="matrix(-.8775 0 0 -.82801 15.074 9.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#575657"/><stop offset="1" stop-color="#575657" stop-opacity="0"/></radialGradient><radialGradient id="iNzYfdb" cx="0" cy="0" r="1" gradientTransform="rotate(-35.074 47.563 -15.347)scale(1.68907)" gradientUnits="userSpaceOnUse"><stop stop-color="#E7E4EA"/><stop offset="1" stop-color="#CDC3D9"/></radialGradient><linearGradient id="i6ipAsd" x1="11.5" x2="11.5" y1="9" y2="16.067" gradientUnits="userSpaceOnUse"><stop stop-color="#B5A5C6"/><stop offset="1" stop-color="#D1BBE7"/></linearGradient><linearGradient id="i3o0tBX" x1="10.537" x2="2.953" y1="21.051" y2="28.541" gradientUnits="userSpaceOnUse"><stop offset=".006" stop-color="#2E2060"/><stop offset="1" stop-color="#411461"/></linearGradient><linearGradient id="ig03dLe" x1="27.537" x2="19.953" y1="21.051" y2="28.541" gradientUnits="userSpaceOnUse"><stop offset=".006" stop-color="#2E2060"/><stop offset="1" stop-color="#411461"/></linearGradient><linearGradient id="iasie9E" x1="28.259" x2="21.711" y1="20.41" y2="29.412" gradientUnits="userSpaceOnUse"><stop stop-color="#3C4372"/><stop offset=".259" stop-color="#472E57" stop-opacity="0"/><stop offset=".759" stop-color="#472E57" stop-opacity="0"/><stop offset="1" stop-color="#472E57"/></linearGradient><linearGradient id="iUgD1bb" x1="11.15" x2="4.603" y1="20.41" y2="29.412" gradientUnits="userSpaceOnUse"><stop stop-color="#3C4372"/><stop offset=".259" stop-color="#472E57" stop-opacity="0"/><stop offset=".759" stop-color="#472E57" stop-opacity="0"/><stop offset="1" stop-color="#472E57"/></linearGradient><linearGradient id="i2MFcib" x1="8.896" x2="23.063" y1="20.161" y2="20.161" gradientUnits="userSpaceOnUse"><stop stop-color="#DF3C6D"/><stop offset="1" stop-color="#FF4C65"/></linearGradient><linearGradient id="iutz6pc" x1="22.547" x2="21.969" y1="19.656" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#FF656F"/><stop offset="1" stop-color="#FF656F" stop-opacity="0"/></linearGradient><linearGradient id="iv3VvUd" x1="21.263" x2="20.948" y1="22.462" y2="24" gradientUnits="userSpaceOnUse"><stop stop-color="#FFCA44"/><stop offset="1" stop-color="#FFCA44" stop-opacity="0"/></linearGradient><linearGradient id="iCmyYKd" x1="13.5" x2="13.5" y1="9.69" y2="10" gradientUnits="userSpaceOnUse"><stop stop-color="#3B2E4C"/><stop offset="1" stop-color="#47265F"/></linearGradient><linearGradient id="iKsNnPc" x1="21.75" x2="19.063" y1="12.656" y2="12.656" gradientUnits="userSpaceOnUse"><stop stop-color="#C58677"/><stop offset="1" stop-color="#C58677" stop-opacity="0"/></linearGradient><filter id="i4izZYb" width="5.2" height="7.267" x="9" y="8.8" 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=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.603922 0 0 0 0 0.407843 0 0 0 0 0.74902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_11430"/></filter><filter id="i9yChVb" width="10.791" height="10.791" x="19.213" y="18.996" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_11430" stdDeviation=".125"/></filter><filter id="iSoI2Tb" width="10.791" height="10.791" x="2.105" y="18.996" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_11430" stdDeviation=".125"/></filter><filter id="iA22FYb" width="18.531" height="10.161" x="6.919" y="14.919" 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=".3"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.584314 0 0 0 0 0.203922 0 0 0 0 0.27451 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_11430"/></filter><filter id="iRz62Bc" width="10.145" height="4.25" x="16" y="21.75" 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=".25" dy="-.25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.972549 0 0 0 0 0.427451 0 0 0 0 0.45098 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_11430"/></filter><filter id="ip8EgNe" width="4.4" height="2.6" x="17.75" y="11.4" 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=".4" dy="-.6"/><feGaussianBlur stdDeviation=".4"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.447059 0 0 0 0 0.192157 0 0 0 0 0.34902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_11430"/></filter><filter id="ig3QMDd" width="3.019" height="1.2" x="18.772" y="12.056" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_11430" stdDeviation=".2"/></filter></defs></g></svg>Bicycle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:bicycle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:bicycle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:bicycle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--bicycle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:bicycle"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:bicycle"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/bicycle.svg" alt="Bicycle アイコン" width="24" height="24">他のアイコンセットの Bicycle アイコン
Bicycle アイコン のよくある質問
Bicycle アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bicycle アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:bicycle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bicycle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/bicycle.svg" alt="Bicycle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。