@elgato/icons
Version:
Icons used throughout the Elgato ecosystem.
3 lines (2 loc) • 5.94 kB
JavaScript
const icon = '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 10H17C18.6568 10 20 11.3432 20 13V18C20 19.6568 18.6568 21 17 21C15.3432 21 14 19.6568 14 18V13C14 11.3432 12.6568 10 11 10Z" fill="url(#paint0_radial_8545_405)"/><path d="M4 12C4 10.3432 5.34316 9 7.00001 9H11C12.6569 9 14 10.3432 14 12V18C14 19.6568 15.3432 21 17 21L8.99996 21C6.23856 21 4 18.7614 4 16V12Z" fill="url(#paint1_radial_8545_405)"/><path d="M4 12C4 10.3432 5.34316 9 7.00001 9H11C12.6569 9 14 10.3432 14 12V18C14 19.6568 15.3432 21 17 21L8.99996 21C6.23856 21 4 18.7614 4 16V12Z" fill="url(#paint2_linear_8545_405)" fill-opacity="0.7"/><path d="M4 12C4 10.3432 5.34316 9 7.00001 9H11C12.6569 9 14 10.3432 14 12V18C14 19.6568 15.3432 21 17 21L8.99996 21C6.23856 21 4 18.7614 4 16V12Z" fill="url(#paint3_radial_8545_405)" fill-opacity="0.7"/><path d="M16.5 9C17.8807 9 19 7.8807 19 6.5C19 5.1193 17.8807 4 16.5 4C15.1193 4 14 5.1193 14 6.5C14 7.8807 15.1193 9 16.5 9Z" fill="url(#paint4_radial_8545_405)"/><path d="M16.5 9C17.8807 9 19 7.8807 19 6.5C19 5.1193 17.8807 4 16.5 4C15.1193 4 14 5.1193 14 6.5C14 7.8807 15.1193 9 16.5 9Z" fill="url(#paint5_radial_8545_405)" fill-opacity="0.46"/><path d="M16.5 9C17.8807 9 19 7.8807 19 6.5C19 5.1193 17.8807 4 16.5 4C15.1193 4 14 5.1193 14 6.5C14 7.8807 15.1193 9 16.5 9Z" fill="url(#paint6_radial_8545_405)" fill-opacity="0.4"/><path d="M9 8C10.6569 8 12 6.65685 12 5C12 3.34315 10.6569 2 9 2C7.34315 2 6 3.34315 6 5C6 6.65685 7.34315 8 9 8Z" fill="url(#paint7_radial_8545_405)"/><path d="M9 8C10.6569 8 12 6.65685 12 5C12 3.34315 10.6569 2 9 2C7.34315 2 6 3.34315 6 5C6 6.65685 7.34315 8 9 8Z" fill="url(#paint8_radial_8545_405)" fill-opacity="0.6"/><path d="M9 8C10.6569 8 12 6.65685 12 5C12 3.34315 10.6569 2 9 2C7.34315 2 6 3.34315 6 5C6 6.65685 7.34315 8 9 8Z" fill="url(#paint9_radial_8545_405)" fill-opacity="0.5"/><path d="M8.375 11.5H3.625C2.72754 11.5 2 12.2275 2 13.125V17.875C2 18.7725 2.72754 19.5 3.625 19.5H8.375C9.27246 19.5 10 18.7725 10 17.875V13.125C10 12.2275 9.27246 11.5 8.375 11.5Z" fill="url(#paint10_radial_8545_405)"/><path d="M8.375 11.5H3.625C2.72754 11.5 2 12.2275 2 13.125V17.875C2 18.7725 2.72754 19.5 3.625 19.5H8.375C9.27246 19.5 10 18.7725 10 17.875V13.125C10 12.2275 9.27246 11.5 8.375 11.5Z" fill="url(#paint11_radial_8545_405)" fill-opacity="0.7"/><path d="M7.7393 14.0528H6.51575V17.7858H5.48335V14.0528H4.25977V13.2144H7.7393V14.0528Z" fill="white"/><defs><radialGradient id="paint0_radial_8545_405" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(19.8984 11.0869) scale(6.7392 16.6347)"><stop stop-color="#A98AFF"/><stop offset="0.14" stop-color="#8C75FF"/><stop offset="0.565" stop-color="#5F50E2"/><stop offset="0.9" stop-color="#3C2CB8"/></radialGradient><radialGradient id="paint1_radial_8545_405" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(4.40625 8.2) rotate(68.1539) scale(16.376 16.5616)"><stop stop-color="#85C2FF"/><stop offset="0.69" stop-color="#7588FF"/><stop offset="1" stop-color="#6459FE"/></radialGradient><linearGradient id="paint2_linear_8545_405" x1="10.2969" y1="9" x2="10.2969" y2="21" gradientUnits="userSpaceOnUse"><stop offset="0.801159" stop-color="#6864F6" stop-opacity="0"/><stop offset="1" stop-color="#5149DE"/></linearGradient><radialGradient id="paint3_radial_8545_405" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13.75 8.6) rotate(113.326) scale(9.6093 7.71365)"><stop stop-color="#BD96FF"/><stop offset="0.686685" stop-color="#BD96FF" stop-opacity="0"/></radialGradient><radialGradient id="paint4_radial_8545_405" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(16.5 5.7857) rotate(-90) scale(5 6.3108)"><stop offset="0.268201" stop-color="#6868F7"/><stop offset="1" stop-color="#3923B1"/></radialGradient><radialGradient id="paint5_radial_8545_405" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(14.4338 5.272) rotate(40.0516) scale(3.57314 5.16815)"><stop offset="0.270711" stop-color="#A1D3FF"/><stop offset="0.813393" stop-color="#A1D3FF" stop-opacity="0"/></radialGradient><radialGradient id="paint6_radial_8545_405" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(18.4911 5.1843) rotate(-41.6581) scale(4.25637 10.4412)"><stop stop-color="#E3ACFD"/><stop offset="0.816041" stop-color="#9FA2FF" stop-opacity="0"/></radialGradient><radialGradient id="paint7_radial_8545_405" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9 4.14285) rotate(-90) scale(6 7.573)"><stop offset="0.268201" stop-color="#8282FF"/><stop offset="1" stop-color="#3923B1"/></radialGradient><radialGradient id="paint8_radial_8545_405" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(6.5206 3.52642) rotate(40.0516) scale(4.28777 6.20175)"><stop offset="0.270711" stop-color="#A1D3FF"/><stop offset="0.813393" stop-color="#A1D3FF" stop-opacity="0"/></radialGradient><radialGradient id="paint9_radial_8545_405" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11.3894 3.42115) rotate(-41.6581) scale(5.10765 12.5295)"><stop stop-color="#E3ACFD"/><stop offset="0.816041" stop-color="#9FA2FF" stop-opacity="0"/></radialGradient><radialGradient id="paint10_radial_8545_405" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(2 11.5) rotate(45) scale(11.3137)"><stop offset="0.046875" stop-color="#688EFF"/><stop offset="0.946875" stop-color="#230F94"/></radialGradient><radialGradient id="paint11_radial_8545_405" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(6 16.3) rotate(90) scale(5.6 6.5351)"><stop offset="0.570647" stop-color="#6965F6" stop-opacity="0"/><stop offset="1" stop-color="#8F8FFF"/></radialGradient></defs></svg>';
export default icon;