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

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

import { generateIcon } from "../generate";
export function Office(height?: number, width?: number, className?: string) {
    return generateIcon(`<svg width='32' height='32' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'><defs><style>.o365-cls-1{fill:url(#linear-gradient-{0});}.o365-cls-3{fill:url(#linear-gradient-2-{1});}.o365-cls-4{fill:url(#linear-gradient-3-{2});}.o365-cls-5{fill:url(#linear-gradient-4-{3});}.o365-cls-6{fill:url(#linear-gradient-5-{4});}</style><linearGradient id='linear-gradient-{0}' x1='44.76' y1='66.39' x2='45.36' y2='7.26' gradientTransform='matrix(1, 0, 0, -1, 0, 65)' gradientUnits='userSpaceOnUse'><stop offset='0' stop-color='#ffce00'/><stop offset='0.05' stop-color='#fabb00'/><stop offset='0.2' stop-color='#eb8401'/><stop offset='0.33' stop-color='#e15c01'/><stop offset='0.44' stop-color='#da4401'/><stop offset='0.5' stop-color='#d83b01'/></linearGradient><linearGradient id='linear-gradient-2-{1}' x1='34.53' y1='63.94' x2='2.82' y2='18.66' gradientTransform='matrix(1, 0, 0, -1, 0, 65)' gradientUnits='userSpaceOnUse'><stop offset='0' stop-color='#8c0700'/><stop offset='0.6' stop-color='#c72127'/><stop offset='0.65' stop-color='#ca2b3d'/><stop offset='0.77' stop-color='#d04374'/><stop offset='0.87' stop-color='#d5559c'/><stop offset='0.95' stop-color='#d860b4'/><stop offset='1' stop-color='#d964bd'/></linearGradient><linearGradient id='linear-gradient-3-{2}' x1='18.42' y1='8.88' x2='57.52' y2='8.88' gradientTransform='matrix(1, 0, 0, -1, 0, 65)' gradientUnits='userSpaceOnUse'><stop offset='0' stop-color='#fa2c46'/><stop offset='0.6' stop-color='#b0080b'/></linearGradient><linearGradient id='linear-gradient-4-{3}' x1='35.17' y1='64.87' x2='28.46' y2='55.28' gradientTransform='matrix(1, 0, 0, -1, 0, 65)' gradientUnits='userSpaceOnUse'><stop offset='0' stop-opacity='0.4'/><stop offset='1' stop-opacity='0'/></linearGradient><linearGradient id='linear-gradient-5-{4}' x1='45.05' y1='8.02' x2='27.49' y2='9.56' xlink:href='#linear-gradient-4'/></defs><path class='o365-cls-1' d='M34.3,2.12,51.64,6.9A6,6,0,0,1,56,12.66V51.34a6,6,0,0,1-4.36,5.76l-17.34,5L38,50V12.86Z'/><path class='o365-cls-3' d='M32.42,1.8a5.56,5.56,0,0,0-2.76.73L11,13.14a6.07,6.07,0,0,0-3,5.2V47a3,3,0,0,0,3,3,2.92,2.92,0,0,0,1.44-.38l5.22-2.84A4.49,4.49,0,0,0,20,42.84V22.5a4.5,4.5,0,0,1,3-4.24l15-5.4V7.38A5.58,5.58,0,0,0,32.42,1.8Z'/><path class='o365-cls-4' d='M38,56.89V50H19.3A2.59,2.59,0,0,0,18,54.84l11.34,6.43.32.18a6.31,6.31,0,0,0,3.26.78,6.09,6.09,0,0,0,1.35-.17A5.46,5.46,0,0,0,38,56.89Z'/><path class='o365-cls-5' d='M32.42,1.8a5.56,5.56,0,0,0-2.76.73L11,13.14a6.07,6.07,0,0,0-3,5.2V47a3,3,0,0,0,3,3,2.92,2.92,0,0,0,1.44-.38l5.22-2.84A4.49,4.49,0,0,0,20,42.84V22.5a4.5,4.5,0,0,1,3-4.24l15-5.4V7.38A5.58,5.58,0,0,0,32.42,1.8Z'/><path class='o365-cls-6' d='M38,56.89V50H19.3A2.59,2.59,0,0,0,18,54.84l11.34,6.43.32.18a6.31,6.31,0,0,0,3.26.78,6.09,6.09,0,0,0,1.35-.17A5.46,5.46,0,0,0,38,56.89Z'/></svg>`, height, width, className, 5);
}