gd-sprest-bs/src/icons/custom/keyVault.ts

SharePoint JavaScript, TypeScript and Web Components designed using the Bootstrap framework.

import { generateIcon } from "../generate";
export function KeyVault(height?: number, width?: number, className?: string) {
    return generateIcon(`<svg width='32' height='32' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><defs><radialGradient id='key-vault-a-{0}' cx='9' cy='9' r='8.5' gradientUnits='userSpaceOnUse'><stop offset='.18' stop-color='#5ea0ef'/><stop offset='.56' stop-color='#5c9fee'/><stop offset='.69' stop-color='#559ced'/><stop offset='.78' stop-color='#4a97e9'/><stop offset='.86' stop-color='#3990e4'/><stop offset='.93' stop-color='#2387de'/><stop offset='.99' stop-color='#087bd6'/><stop offset='1' stop-color='#0078d4'/></radialGradient><radialGradient id='key-vault-b-{1}' cx='38.95' cy='182.07' r='9.88' gradientTransform='matrix(.94 0 0 .94 -28.71 -163.24)' gradientUnits='userSpaceOnUse'><stop offset='.27' stop-color='#ffd70f'/><stop offset='.49' stop-color='#ffcb12'/><stop offset='.88' stop-color='#feac19'/><stop offset='1' stop-color='#fea11b'/></radialGradient></defs><path d='M9 .5A8.5 8.5 0 1017.5 9 8.51 8.51 0 009 .5zm0 15.84A7.34 7.34 0 1116.34 9 7.34 7.34 0 019 16.34z' fill='url(#key-vault-a-{0})'/><circle cx='9' cy='9' r='7.34' fill='#fff'/><path d='M13.44 7.33a1.84 1.84 0 000-2.59l-3.15-3.16a1.83 1.83 0 00-2.58 0L4.56 4.74a1.84 1.84 0 000 2.59L7.18 10a.51.51 0 01.15.36v4.88a.63.63 0 00.18.44l1.2 1.2a.41.41 0 00.58 0l1.16-1.16.68-.68a.25.25 0 000-.34l-.49-.49a.27.27 0 010-.37l.49-.49a.25.25 0 000-.34l-.49-.49a.27.27 0 010-.37l.49-.49a.25.25 0 000-.34l-.68-.69v-.25zM9 2.35a1 1 0 010 2.07 1 1 0 110-2.07z' fill='url(#key-vault-b-{1})'/><path d='M8.18 15.3a.23.23 0 00.38-.17v-4a.24.24 0 00-.11-.2.22.22 0 00-.34.2v4a.28.28 0 00.07.17z' fill='#ff9300' opacity='.75'/><rect x='6.48' y='5.79' width='5.17' height='.61' rx='.28' fill='#ff9300' opacity='.75'/><rect x='6.48' y='6.78' width='5.17' height='.61' rx='.28' fill='#ff9300' opacity='.75'/></svg>`, height, width, className, 2);
}