UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

568 lines (567 loc) 21.2 kB
const React = require("react"); const LockedWithKeyIcon = ({ title, titleId, ...props }) => ( <svg width="1em" height="1em" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-labelledby={titleId} {...props} > {title ? <title id={titleId}>{title}</title> : null} <g filter="url(#filter0_i_18_23657)"> <path d="M8.77734 14.2266V8.66406C8.77734 5.89401 11.0229 3.64844 13.793 3.64844C16.563 3.64844 18.8086 5.89401 18.8086 8.66406V14.2266" stroke="#C2C2C6" strokeWidth={2.75} /> </g> <path d="M8.77734 14.2266V8.66406C8.77734 5.89401 11.0229 3.64844 13.793 3.64844C16.563 3.64844 18.8086 5.89401 18.8086 8.66406V14.2266" stroke="url(#paint0_radial_18_23657)" strokeWidth={2.75} /> <g filter="url(#filter1_f_18_23657)"> <path d="M9.16797 14.2266V8.46687C9.16797 5.59862 11.4625 3.27344 14.293 3.27344C17.1234 3.27344 19.418 5.59862 19.418 8.46687V14.2266" stroke="url(#paint1_radial_18_23657)" /> <path d="M9.16797 14.2266V8.46687C9.16797 5.59862 11.4625 3.27344 14.293 3.27344C17.1234 3.27344 19.418 5.59862 19.418 8.46687V14.2266" stroke="url(#paint2_radial_18_23657)" /> </g> <g filter="url(#filter2_iiii_18_23657)"> <rect x={2.85547} y={11.2109} width={21.9375} height={18.8438} rx={3} fill="url(#paint3_linear_18_23657)" /> </g> <rect x={2.85547} y={11.2109} width={21.9375} height={18.8438} rx={3} fill="url(#paint4_radial_18_23657)" /> <rect x={2.85547} y={11.2109} width={21.9375} height={18.8438} rx={3} fill="url(#paint5_linear_18_23657)" /> <rect x={2.85547} y={11.2109} width={21.9375} height={18.8438} rx={3} fill="url(#paint6_radial_18_23657)" /> <g filter="url(#filter3_f_18_23657)"> <path d="M19.4904 11.4235C19.4428 11.6897 19.418 11.9638 19.418 12.2438C19.418 14.1682 20.5914 15.8186 22.2617 16.5185V19.3601C22.2617 19.5676 22.3424 19.7671 22.4867 19.9163L22.9053 20.349C23.0407 20.4889 23.1133 20.678 23.1063 20.8726C23.1007 21.0297 23.0435 21.1807 22.9436 21.3021L22.744 21.5447C22.6443 21.6658 22.5898 21.8178 22.5898 21.9746C22.5898 22.1286 22.6424 22.278 22.7388 22.3981L22.934 22.6414C23.0399 22.7734 23.0977 22.9376 23.0977 23.1068C23.0977 23.3137 23.0115 23.5112 22.8598 23.652L22.5176 23.9694C22.3544 24.1208 22.2617 24.3333 22.2617 24.5559V26.0875C22.2617 27.0799 23.0662 27.8844 24.0586 27.8844C24.3056 27.8844 24.541 27.8346 24.7552 27.7444C24.7801 27.589 24.793 27.4296 24.793 27.2672V14.4235C24.793 12.7666 24.1436 11.9375 22.4867 11.9375L19.4904 11.4235Z" fill="url(#paint7_linear_18_23657)" /> <path d="M19.4904 11.4235C19.4428 11.6897 19.418 11.9638 19.418 12.2438C19.418 14.1682 20.5914 15.8186 22.2617 16.5185V19.3601C22.2617 19.5676 22.3424 19.7671 22.4867 19.9163L22.9053 20.349C23.0407 20.4889 23.1133 20.678 23.1063 20.8726C23.1007 21.0297 23.0435 21.1807 22.9436 21.3021L22.744 21.5447C22.6443 21.6658 22.5898 21.8178 22.5898 21.9746C22.5898 22.1286 22.6424 22.278 22.7388 22.3981L22.934 22.6414C23.0399 22.7734 23.0977 22.9376 23.0977 23.1068C23.0977 23.3137 23.0115 23.5112 22.8598 23.652L22.5176 23.9694C22.3544 24.1208 22.2617 24.3333 22.2617 24.5559V26.0875C22.2617 27.0799 23.0662 27.8844 24.0586 27.8844C24.3056 27.8844 24.541 27.8346 24.7552 27.7444C24.7801 27.589 24.793 27.4296 24.793 27.2672V14.4235C24.793 12.7666 24.1436 11.9375 22.4867 11.9375L19.4904 11.4235Z" fill="url(#paint8_radial_18_23657)" /> </g> <g filter="url(#filter4_f_18_23657)"> <path d="M15.2227 20.5478C15.9418 20.0836 16.418 19.2751 16.418 18.3555C16.418 16.9154 15.2506 15.748 13.8105 15.748C12.3705 15.748 11.2031 16.9154 11.2031 18.3555C11.2031 19.2867 11.6913 20.104 12.4258 20.5652V23.8594C12.4258 24.6317 13.0519 25.2578 13.8242 25.2578C14.5966 25.2578 15.2227 24.6317 15.2227 23.8594V20.5478Z" stroke="url(#paint9_linear_18_23657)" strokeWidth={1.75} /> <path d="M15.2227 20.5478C15.9418 20.0836 16.418 19.2751 16.418 18.3555C16.418 16.9154 15.2506 15.748 13.8105 15.748C12.3705 15.748 11.2031 16.9154 11.2031 18.3555C11.2031 19.2867 11.6913 20.104 12.4258 20.5652V23.8594C12.4258 24.6317 13.0519 25.2578 13.8242 25.2578C14.5966 25.2578 15.2227 24.6317 15.2227 23.8594V20.5478Z" stroke="url(#paint10_linear_18_23657)" strokeWidth={1.75} /> </g> <path d="M15.2227 20.5478C15.9418 20.0836 16.418 19.2751 16.418 18.3555C16.418 16.9154 15.2506 15.748 13.8105 15.748C12.3705 15.748 11.2031 16.9154 11.2031 18.3555C11.2031 19.2867 11.6913 20.104 12.4258 20.5652V23.8594C12.4258 24.6317 13.0519 25.2578 13.8242 25.2578C14.5966 25.2578 15.2227 24.6317 15.2227 23.8594V20.5478Z" fill="url(#paint11_radial_18_23657)" /> <g filter="url(#filter5_iii_18_23657)"> <path fillRule="evenodd" clipRule="evenodd" d="M26.9414 16.2994C28.6035 15.5958 29.7695 13.9497 29.7695 12.0312C29.7695 9.47262 27.6954 7.39844 25.1367 7.39844C22.5781 7.39844 20.5039 9.47262 20.5039 12.0312C20.5039 13.9557 21.6773 15.6061 23.3477 16.306V19.1475C23.3477 19.3551 23.4283 19.5546 23.5727 19.7038L23.9912 20.1364C24.1266 20.2764 24.1992 20.4654 24.1923 20.66C24.1866 20.8172 24.1295 20.9681 24.0295 21.0896L23.8299 21.3322C23.7303 21.4533 23.6758 21.6053 23.6758 21.7621C23.6758 21.9161 23.7283 22.0655 23.8247 22.1855L24.02 22.4289C24.1259 22.5609 24.1836 22.725 24.1836 22.8943C24.1836 23.1012 24.0974 23.2987 23.9457 23.4394L23.6036 23.7569C23.4404 23.9083 23.3477 24.1208 23.3477 24.3434V25.875C23.3477 26.8674 24.1522 27.6719 25.1445 27.6719C26.1369 27.6719 26.9414 26.8674 26.9414 25.875V16.2994ZM26.1758 9.63281C26.1758 10.2067 25.7106 10.6719 25.1367 10.6719C24.5629 10.6719 24.0977 10.2067 24.0977 9.63281C24.0977 9.05895 24.5629 8.59375 25.1367 8.59375C25.7106 8.59375 26.1758 9.05895 26.1758 9.63281Z" fill="url(#paint12_linear_18_23657)" /> </g> <path fillRule="evenodd" clipRule="evenodd" d="M26.9414 16.2994C28.6035 15.5958 29.7695 13.9497 29.7695 12.0312C29.7695 9.47262 27.6954 7.39844 25.1367 7.39844C22.5781 7.39844 20.5039 9.47262 20.5039 12.0312C20.5039 13.9557 21.6773 15.6061 23.3477 16.306V19.1475C23.3477 19.3551 23.4283 19.5546 23.5727 19.7038L23.9912 20.1364C24.1266 20.2764 24.1992 20.4654 24.1923 20.66C24.1866 20.8172 24.1295 20.9681 24.0295 21.0896L23.8299 21.3322C23.7303 21.4533 23.6758 21.6053 23.6758 21.7621C23.6758 21.9161 23.7283 22.0655 23.8247 22.1855L24.02 22.4289C24.1259 22.5609 24.1836 22.725 24.1836 22.8943C24.1836 23.1012 24.0974 23.2987 23.9457 23.4394L23.6036 23.7569C23.4404 23.9083 23.3477 24.1208 23.3477 24.3434V25.875C23.3477 26.8674 24.1522 27.6719 25.1445 27.6719C26.1369 27.6719 26.9414 26.8674 26.9414 25.875V16.2994ZM26.1758 9.63281C26.1758 10.2067 25.7106 10.6719 25.1367 10.6719C24.5629 10.6719 24.0977 10.2067 24.0977 9.63281C24.0977 9.05895 24.5629 8.59375 25.1367 8.59375C25.7106 8.59375 26.1758 9.05895 26.1758 9.63281Z" fill="url(#paint13_radial_18_23657)" /> <g filter="url(#filter6_f_18_23657)"> <ellipse cx={25.3213} cy={12.0218} rx={4.09153} ry={4.16238} stroke="url(#paint14_linear_18_23657)" strokeWidth={0.4} /> </g> <defs> <filter id="filter0_i_18_23657" x={7.40234} y={2.27344} width={13.7812} height={11.9531} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx={1} /> <feGaussianBlur stdDeviation={0.5} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.560784 0 0 0 0 0.556863 0 0 0 0 0.576471 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_23657" /> </filter> <filter id="filter1_f_18_23657" x={7.91797} y={2.02344} width={12.75} height={12.9531} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.375} result="effect1_foregroundBlur_18_23657" /> </filter> <filter id="filter2_iiii_18_23657" x={2.10547} y={10.4609} width={23.4375} height={20.3438} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy={-0.75} /> <feGaussianBlur stdDeviation={0.375} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.898039 0 0 0 0 0.364706 0 0 0 0 0.423529 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_23657" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx={-1} /> <feGaussianBlur stdDeviation={0.375} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.772549 0 0 0 0 0.364706 0 0 0 1 0" /> <feBlend mode="normal" in2="effect1_innerShadow_18_23657" result="effect2_innerShadow_18_23657" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy={1} /> <feGaussianBlur stdDeviation={0.375} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.843137 0 0 0 0 0.266667 0 0 0 1 0" /> <feBlend mode="normal" in2="effect2_innerShadow_18_23657" result="effect3_innerShadow_18_23657" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx={0.75} /> <feGaussianBlur stdDeviation={0.375} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.729412 0 0 0 0 0.478431 0 0 0 0 0.207843 0 0 0 1 0" /> <feBlend mode="normal" in2="effect3_innerShadow_18_23657" result="effect4_innerShadow_18_23657" /> </filter> <filter id="filter3_f_18_23657" x={18.418} y={10.4235} width={7.375} height={18.4609} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.5} result="effect1_foregroundBlur_18_23657" /> </filter> <filter id="filter4_f_18_23657" x={9.82812} y={14.373} width={7.96484} height={12.2598} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.25} result="effect1_foregroundBlur_18_23657" /> </filter> <filter id="filter5_iii_18_23657" x={20.2539} y={7.29844} width={9.86562} height={20.6234} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx={0.35} dy={-0.1} /> <feGaussianBlur stdDeviation={0.3} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.686275 0 0 0 0 0.529412 0 0 0 0 0.784314 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_23657" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx={-0.25} dy={0.25} /> <feGaussianBlur stdDeviation={0.25} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.898039 0 0 0 0 0.886275 0 0 0 0 0.929412 0 0 0 1 0" /> <feBlend mode="normal" in2="effect1_innerShadow_18_23657" result="effect2_innerShadow_18_23657" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx={0.15} dy={0.15} /> <feGaussianBlur stdDeviation={0.3} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.588235 0 0 0 0 0.568627 0 0 0 0 0.607843 0 0 0 1 0" /> <feBlend mode="normal" in2="effect2_innerShadow_18_23657" result="effect3_innerShadow_18_23657" /> </filter> <filter id="filter6_f_18_23657" x={20.7797} y={7.40942} width={9.08305} height={9.22473} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.125} result="effect1_foregroundBlur_18_23657" /> </filter> <radialGradient id="paint0_radial_18_23657" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(13.793 7.74219) rotate(-90) scale(4.84375 5.28858)" > <stop offset={0.530612} stopColor="#AB83C0" /> <stop offset={1} stopColor="#CBBBDC" stopOpacity={0} /> </radialGradient> <radialGradient id="paint1_radial_18_23657" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(19.7235 4.67969) rotate(136.74) scale(5.24397 7.20331)" > <stop offset={0.215771} stopColor="#EDECF3" /> <stop offset={1} stopColor="#EDECF3" stopOpacity={0} /> </radialGradient> <radialGradient id="paint2_radial_18_23657" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(10.3747 12.7422) rotate(-90) scale(7.125 5.16319)" > <stop stopColor="#EDECF3" /> <stop offset={1} stopColor="#EDECF3" stopOpacity={0} /> </radialGradient> <linearGradient id="paint3_linear_18_23657" x1={7.98047} y1={14.2734} x2={14.918} y2={30.0547} gradientUnits="userSpaceOnUse" > <stop stopColor="#FFC74E" /> <stop offset={1} stopColor="#F7864E" /> </linearGradient> <radialGradient id="paint4_radial_18_23657" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(24.2305 30.0547) rotate(-132.274) scale(3.25195 7.57598)" > <stop stopColor="#FF8650" /> <stop offset={1} stopColor="#FF8650" stopOpacity={0} /> </radialGradient> <linearGradient id="paint5_linear_18_23657" x1={13.8242} y1={10.8984} x2={13.8242} y2={12.3984} gradientUnits="userSpaceOnUse" > <stop stopColor="#F3D04E" /> <stop offset={1} stopColor="#F3D04E" stopOpacity={0} /> </linearGradient> <radialGradient id="paint6_radial_18_23657" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(24.4805 11.2109) rotate(126.254) scale(2.32513 5.25171)" > <stop stopColor="#FFF760" /> <stop offset={1} stopColor="#FFF760" stopOpacity={0} /> </radialGradient> <linearGradient id="paint7_linear_18_23657" x1={22.1055} y1={11.4235} x2={22.1055} y2={27.8844} gradientUnits="userSpaceOnUse" > <stop stopColor="#BE7F3B" /> <stop offset={1} stopColor="#BC553E" /> </linearGradient> <radialGradient id="paint8_radial_18_23657" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(25.1618 21.5687) rotate(-180) scale(3.05638 4.29803)" > <stop offset={0.336121} stopColor="#763C16" /> <stop offset={1} stopColor="#763C16" stopOpacity={0} /> </radialGradient> <linearGradient id="paint9_linear_18_23657" x1={16.9492} y1={21.836} x2={13.0742} y2={21.836} gradientUnits="userSpaceOnUse" > <stop offset={0.330645} stopColor="#D98A40" /> <stop offset={1} stopColor="#D98A40" stopOpacity={0} /> </linearGradient> <linearGradient id="paint10_linear_18_23657" x1={10.6992} y1={20.8985} x2={13.418} y2={20.8985} gradientUnits="userSpaceOnUse" > <stop stopColor="#FFCD63" /> <stop offset={1} stopColor="#FFCD63" stopOpacity={0} /> </linearGradient> <radialGradient id="paint11_radial_18_23657" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(11.2031 18.7735) rotate(34.0609) scale(5.69121 7.82719)" > <stop offset={0.21669} stopColor="#564F80" /> <stop offset={1} stopColor="#473154" /> </radialGradient> <linearGradient id="paint12_linear_18_23657" x1={25.1367} y1={19.3125} x2={25.1367} y2={27.6719} gradientUnits="userSpaceOnUse" > <stop stopColor="#CDC1DE" /> <stop offset={1} stopColor="#C3B0DB" /> </linearGradient> <radialGradient id="paint13_radial_18_23657" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(25.1367 14.4484) rotate(90) scale(13.2235 6.49293)" > <stop offset={0.934938} stopColor="#C0A3E0" stopOpacity={0} /> <stop offset={1} stopColor="#B778E9" /> </radialGradient> <linearGradient id="paint14_linear_18_23657" x1={29.6098} y1={8.84014} x2={26.9682} y2={10.9678} gradientUnits="userSpaceOnUse" > <stop offset={0.125595} stopColor="#EBE8F3" /> <stop offset={1} stopColor="#EBE8F3" stopOpacity={0} /> </linearGradient> </defs> </svg> ); module.exports = LockedWithKeyIcon;