/*----------------------------
https://blog.s0014.com/posts/2017-01-19-il-to-svg/
でSVGをBase64コードに変換

::before{
-webkit-mask-image: url('data:image/svg+xml;charset=utf8,ここに変換したBase64コードを貼り付け');
}

*/


.fa,
.fa-brands,
.fa-duotone,
.fa-light,
.fa-regular,
.fa-solid,
.fa-thin,
.fab,
.fad,
.fal,
.far,
.fas,
.fat {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    vertical-align: middle;
    line-height: 1;
}

.fa::before,
.fa-brands::before,
.fa-duotone::before,
.fa-light::before,
.fa-regular::before,
.fa-solid::before,
.fa-thin::before,
.fab::before,
.fad::before,
.fal::before,
.far::before,
.fas::before,
.fat::before {
    content: "";
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    background-color: currentColor;
    line-height: 1;
}

.fa-pen::before {
    -webkit-mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20d%3D%22M416.9%2085.2L372%20130.1L509.9%20268L554.8%20223.1C568.4%20209.6%20576%20191.2%20576%20172C576%20152.8%20568.4%20134.4%20554.8%20120.9L519.1%2085.2C505.6%2071.6%20487.2%2064%20468%2064C448.8%2064%20430.4%2071.6%20416.9%2085.2zM338.1%20164L122.9%20379.1C112.2%20389.8%20104.4%20403.2%20100.3%20417.8L64.9%20545.6C62.6%20553.9%2064.9%20562.9%2071.1%20569C77.3%20575.1%2086.2%20577.5%2094.5%20575.2L222.3%20539.7C236.9%20535.6%20250.2%20527.9%20261%20517.1L476%20301.9L338.1%20164z%22%2F%3E%3C%2Fsvg%3E');
}

.fa-clock::before {
    -webkit-mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20d%3D%22M528%20320C528%20434.9%20434.9%20528%20320%20528C205.1%20528%20112%20434.9%20112%20320C112%20205.1%20205.1%20112%20320%20112C434.9%20112%20528%20205.1%20528%20320zM64%20320C64%20461.4%20178.6%20576%20320%20576C461.4%20576%20576%20461.4%20576%20320C576%20178.6%20461.4%2064%20320%2064C178.6%2064%2064%20178.6%2064%20320zM296%20184L296%20320C296%20328%20300%20335.5%20306.7%20340L402.7%20404C413.7%20411.4%20428.6%20408.4%20436%20397.3C443.4%20386.2%20440.4%20371.4%20429.3%20364L344%20307.2L344%20184C344%20170.7%20333.3%20160%20320%20160C306.7%20160%20296%20170.7%20296%20184z%22%2F%3E%3C%2Fsvg%3E');
}

.fa-folder::before {
    -webkit-mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20d%3D%22M128%20512L512%20512C547.3%20512%20576%20483.3%20576%20448L576%20208C576%20172.7%20547.3%20144%20512%20144L362.7%20144C355.8%20144%20349%20141.8%20343.5%20137.6L305.1%20108.8C294%20100.5%20280.5%2096%20266.7%2096L128%2096C92.7%2096%2064%20124.7%2064%20160L64%20448C64%20483.3%2092.7%20512%20128%20512z%22%2F%3E%3C%2Fsvg%3E');
}

.fa-arrow-up-right-from-square::before {
    -webkit-mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20d%3D%22M384%2064C366.3%2064%20352%2078.3%20352%2096C352%20113.7%20366.3%20128%20384%20128L466.7%20128L265.3%20329.4C252.8%20341.9%20252.8%20362.2%20265.3%20374.7C277.8%20387.2%20298.1%20387.2%20310.6%20374.7L512%20173.3L512%20256C512%20273.7%20526.3%20288%20544%20288C561.7%20288%20576%20273.7%20576%20256L576%2096C576%2078.3%20561.7%2064%20544%2064L384%2064zM144%20160C99.8%20160%2064%20195.8%2064%20240L64%20496C64%20540.2%2099.8%20576%20144%20576L400%20576C444.2%20576%20480%20540.2%20480%20496L480%20416C480%20398.3%20465.7%20384%20448%20384C430.3%20384%20416%20398.3%20416%20416L416%20496C416%20504.8%20408.8%20512%20400%20512L144%20512C135.2%20512%20128%20504.8%20128%20496L128%20240C128%20231.2%20135.2%20224%20144%20224L224%20224C241.7%20224%20256%20209.7%20256%20192C256%20174.3%20241.7%20160%20224%20160L144%20160z%22%2F%3E%3C%2Fsvg%3E');
}

.fa-calendar-days::before {
    -webkit-mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20d%3D%22M216%2064C229.3%2064%20240%2074.7%20240%2088L240%20128L400%20128L400%2088C400%2074.7%20410.7%2064%20424%2064C437.3%2064%20448%2074.7%20448%2088L448%20128L480%20128C515.3%20128%20544%20156.7%20544%20192L544%20480C544%20515.3%20515.3%20544%20480%20544L160%20544C124.7%20544%2096%20515.3%2096%20480L96%20192C96%20156.7%20124.7%20128%20160%20128L192%20128L192%2088C192%2074.7%20202.7%2064%20216%2064zM480%20496C488.8%20496%20496%20488.8%20496%20480L496%20416L408%20416L408%20496L480%20496zM496%20368L496%20288L408%20288L408%20368L496%20368zM360%20368L360%20288L280%20288L280%20368L360%20368zM232%20368L232%20288L144%20288L144%20368L232%20368zM144%20416L144%20480C144%20488.8%20151.2%20496%20160%20496L232%20496L232%20416L144%20416zM280%20416L280%20496L360%20496L360%20416L280%20416zM216%20176L160%20176C151.2%20176%20144%20183.2%20144%20192L144%20240L496%20240L496%20192C496%20183.2%20488.8%20176%20480%20176L216%20176z%22%2F%3E%3C%2Fsvg%3E');
}