web-apps/apps/common/mobile/resources/less/icons.less

@import "./ios/icons";
@import "./material/icons";

i.icon {
    &.icon-paste {
        width: 24px;
        height: 24px;
        .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 2H0V20H9V24H24V7H19V2H14V3H18V7H9V19H1V3H5V2ZM10 8H23V23H10V8Z" /><path d="M5 0H14V5H5V0Z" /><path fill-rule="evenodd" clip-rule="evenodd" d="M21 12H12V11H21V12Z" /><path fill-rule="evenodd" clip-rule="evenodd" d="M21 16H12V15H21V16Z" /><path fill-rule="evenodd" clip-rule="evenodd" d="M21 20H12V19H21V20Z" /></svg>', @text-normal);
    }
    &.icon-copy {
        width: 24px;
        height: 24px;
        .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M1 1H15V7H16V0H0V17H8V16H1V1Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M23 8H9V23H23V8ZM8 7V24H24V7H8Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 5H3V4H13V5Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8 9H3V8H8V9Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8 13H3V12H8V13Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 12H11V11H21V12Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 16H11V15H21V16Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 20H11V19H21V20Z"/></svg>', @text-normal);
    }
    &.icon-cut {
        width: 24px;
        height: 24px;
        .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#cut)"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.22427 22.2702C4.51527 23.1269 6.52738 22.7183 7.6592 21.0127C8.79101 19.3071 8.38572 17.2943 7.09472 16.4376C5.80372 15.5809 3.79161 15.9896 2.65979 17.6952C1.52798 19.4008 1.93328 21.4136 3.22427 22.2702ZM2.67135 23.1035C4.51208 24.325 7.11827 23.6364 8.49243 21.5656C9.8666 19.4948 9.48837 16.8259 7.64764 15.6044C5.80691 14.3829 3.20072 15.0714 1.82656 17.1422C0.452398 19.2131 0.830625 21.882 2.67135 23.1035Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.9158 22.2702C19.6248 23.1269 17.6127 22.7183 16.4809 21.0127C15.349 19.3071 15.7543 17.2943 17.0453 16.4376C18.3363 15.5809 20.3484 15.9896 21.4803 17.6952C22.6121 19.4008 22.2068 21.4136 20.9158 22.2702ZM21.4687 23.1035C19.628 24.325 17.0218 23.6364 15.6476 21.5656C14.2735 19.4948 14.6517 16.8259 16.4924 15.6044C18.3331 14.3829 20.9393 15.0714 22.3135 17.1422C23.6877 19.2131 23.3094 21.882 21.4687 23.1035Z"/><path d="M16.4924 15.6044L13.9037 12.4737L19.9552 0.675715C20.0693 0.446914 19.9552 0.172352 19.727 0.0808313C19.4416 -0.0106892 19.0993 0.0808312 18.9851 0.263872L12.0233 11.4212L5.17562 0.263872C5.06149 0.035071 4.71911 -0.0564496 4.43379 0.035071C4.14847 0.126592 4.03434 0.401153 4.14847 0.629955L10.2001 12.4279L7.64761 15.6044L9.2292 18L12.0233 13.4804L14.9108 18L16.4924 15.6044Z"/></g><defs><clipPath id="cut"><rect width="24" height="24"/></clipPath></defs></svg>', @text-normal);
    }
    &.icon-prev:after, &.icon-next:after {
        content: none;
    }
    &.icon-collaboration {
        width: 24px;
        height: 24px;
        .encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M15.9912 6C15.9912 8.34102 15.4074 10.1346 14.6055 11.3121C13.7983 12.4974 12.8249 13 11.9912 13C11.1575 13 10.1841 12.4974 9.37695 11.3121C8.57501 10.1346 7.99121 8.34102 7.99121 6C7.99121 3.61508 9.96974 2 11.9912 2C14.0127 2 15.9912 3.61508 15.9912 6ZM14.5015 12.9506C13.7365 13.6361 12.8649 14 11.9912 14C11.1195 14 10.2499 13.6378 9.48619 12.9554C7.78363 13.6081 6.36015 14.2591 5.26963 14.9224C3.55256 15.9667 3 16.8326 3 17.5C3 18.2545 3.4257 19.0877 4.82302 19.7879C6.25015 20.5031 8.57272 20.9999 12 21C15.4273 21 17.7499 20.5031 19.177 19.7879C20.5743 19.0877 21 18.2545 21 17.5C21 16.8326 20.4474 15.9667 18.7304 14.9224C17.6372 14.2575 16.2095 13.605 14.5015 12.9506ZM15.2272 12.1594C16.2765 10.7825 16.9912 8.67814 16.9912 6C16.9912 3 14.5 1 11.9912 1C9.48242 1 6.99121 3 6.99121 6C6.99121 8.68159 7.70777 10.7879 8.75931 12.1647C4.60309 13.7964 2 15.4951 2 17.5C2 19.9852 5 21.9999 12 22C19 22 22 19.9852 22 17.5C22 15.4929 19.3913 13.7927 15.2272 12.1594Z" fill="@{brandColor}"/></g></svg>');
    }
    &.icon-cancellation {
        width: 24px;
        height: 24px;
        .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="20"><circle cx="12" cy="12" r="9.5" fill="@{gray}" stroke="@{brandColor}"/></mask><g mask="url(#mask0)"><circle cx="12" cy="12" r="9.5" transform="rotate(-90 12 12)" stroke="@{brandColor}"/><line x1="5.09054" y1="19.2024" x2="19.1919" y2="5.10094" stroke="@{brandColor}"/></g></svg>');
    }

    // Formats 
    
    &.icon-format-pdf {
        width: 22px;
        height: 22px;
        .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_57_6088" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 1C2.34315 1 1 2.34315 1 4V20C1 21.6569 2.34315 23 4 23H20C21.6569 23 23 21.6569 23 20V4C23 2.34315 21.6569 1 20 1H4ZM5 9V15H6.07143V13H7.67857C8.56617 13 9.28571 12.3284 9.28571 11.5V10.5C9.28571 9.67163 8.56617 9 7.67857 9H5ZM6.07143 10H7.67857C7.97445 10 8.21429 10.2239 8.21429 10.5V11.5C8.21429 11.7761 7.97445 12 7.67857 12H6.07143V10ZM15.7143 15H16.7857V13H19.4643V12H16.7857V10H20V9H15.7143V15ZM10.3571 9H13.0357C13.9233 9 14.6429 9.67163 14.6429 10.5V13.5C14.6429 14.3284 13.9233 15 13.0357 15H10.3571V9ZM13.0357 10H11.4286V14H13.0357C13.3316 14 13.5714 13.7761 13.5714 13.5V10.5C13.5714 10.2239 13.3316 10 13.0357 10Z" fill="black"/></mask><g mask="url(#mask0_57_6088)"><rect width="24" height="24" fill="#DB4437"/></g></svg>');
    }
    &.icon-format-pdfa {
        width: 22px;
        height: 22px;
        .encoded-svg-background('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 12C14.6863 12 12 14.6863 12 18C12 21.3137 14.6863 24 18 24C21.3137 24 24 21.3137 24 18C24 14.6863 21.3137 12 18 12ZM18.2752 14.8145H18.6006L21.2186 21.1855H19.8211L19.2975 19.7677H16.6952L16.1741 21.1855H14.7814L17.385 14.8145H17.7057H18.2752ZM17.0442 18.8182H18.9468L17.9932 16.2361L17.0442 18.8182Z" fill="#A8A8A8"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1 4C1 2.34315 2.34315 1 4 1H20C21.6569 1 23 2.34315 23 4V13.101C21.9417 12.021 20.5363 11.2825 18.9643 11.0659V11H16.2857V9H19.5V8H15.2143V11.5763C14.8389 11.7393 14.4806 11.9343 14.1429 12.1577V9.5C14.1429 8.67163 13.4233 8 12.5357 8H9.85714V14H12.2548C11.4639 15.1338 11.0001 16.5128 11.0001 18.0001C11.0001 19.9587 11.8045 21.7295 13.101 23H4C2.34315 23 1 21.6569 1 20V4ZM4.5 8V14H5.57143V12H7.17857C8.06617 12 8.78571 11.3284 8.78571 10.5V9.5C8.78571 8.67163 8.06617 8 7.17857 8H4.5ZM5.57143 9H7.17857C7.47445 9 7.71429 9.22388 7.71429 9.5V10.5C7.71429 10.7761 7.47445 11 7.17857 11H5.57143V9ZM12.5357 9H10.9286V13H12.5357C12.8316 13 13.0714 12.7761 13.0714 12.5V9.5C13.0714 9.22388 12.8316 9 12.5357 9Z" fill="#DB4437"/></svg>');
    }
}