pn-design-assets
Version:
Icons, SCSS, and more for PostNord Graphical Guidelines
4 lines (3 loc) • 4.77 kB
JavaScript
const flag = '<svg class="pn-icon-flag" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 21 15"><defs><linearGradient id="yt_flag_svg__a" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFF"/><stop offset="100%" stop-color="#F0F0F0"/></linearGradient><linearGradient id="yt_flag_svg__f" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#1B2CA9"/><stop offset="100%" stop-color="#132294"/></linearGradient><linearGradient id="yt_flag_svg__i" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#E6402C"/><stop offset="100%" stop-color="#D1321F"/></linearGradient><linearGradient id="yt_flag_svg__j" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#D0D0D0"/><stop offset="100%" stop-color="#C4C4C4"/></linearGradient><linearGradient id="yt_flag_svg__k" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#262626"/><stop offset="100%" stop-color="#0D0D0D"/></linearGradient><linearGradient id="yt_flag_svg__l" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F7E04B"/><stop offset="100%" stop-color="#EAD135"/></linearGradient><path id="yt_flag_svg__b" d="M0 .491A.49.49 0 0 1 .498 0h4.004A.5.5 0 0 1 5 .491v5.018a.535.535 0 0 1-.5.522S3 6 2.5 6.94C2 6 .5 6.03.5 6.03a.54.54 0 0 1-.5-.522z"/><path id="yt_flag_svg__d" d="M0 0h5v3H0z"/><path id="yt_flag_svg__g" d="M0 3h5v4H0z"/><filter id="yt_flag_svg__e" width="130%" height="150%" x="-15%" y="-25%" filterUnits="objectBoundingBox"><feMorphology in="SourceAlpha" operator="dilate" radius=".25" result="shadowSpreadOuter1"/><feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"/><feColorMatrix in="shadowOffsetOuter1" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/></filter><filter id="yt_flag_svg__h" width="130%" height="137.5%" x="-15%" y="-18.8%" filterUnits="objectBoundingBox"><feMorphology in="SourceAlpha" operator="dilate" radius=".25" result="shadowSpreadOuter1"/><feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"/><feColorMatrix in="shadowOffsetOuter1" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/></filter></defs><g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path fill="url(#yt_flag_svg__a)" d="M0 0h21v15H0z"/><g transform="translate(8 4)"><mask id="yt_flag_svg__c" fill="#fff"><use xlink:href="#yt_flag_svg__b"/></mask><use xlink:href="#yt_flag_svg__b" fill="#D8D8D8" fill-rule="evenodd"/><path stroke="#979797" stroke-width="1" d="M4.5.5V.491zm0 0h.002zm-4 0v5.009s.02.022-.01.022H.5c.342-.004.793.048 1.25.213.285.102.538.24.75.418.212-.178.465-.316.75-.418.444-.16.882-.214 1.22-.213.02-.005.03-.017.03-.022V.5z"/><g mask="url(#yt_flag_svg__c)"><use xlink:href="#yt_flag_svg__d" fill="#000" fill-opacity="1" filter="url(#yt_flag_svg__e)"/><use xlink:href="#yt_flag_svg__d" fill="url(#yt_flag_svg__f)" fill-rule="evenodd"/></g><g mask="url(#yt_flag_svg__c)"><use xlink:href="#yt_flag_svg__g" fill="#000" fill-opacity="1" filter="url(#yt_flag_svg__h)"/><use xlink:href="#yt_flag_svg__g" fill="url(#yt_flag_svg__i)" fill-rule="evenodd"/></g></g><g transform="translate(14 3)"><path fill="url(#yt_flag_svg__j)" d="M1.039 1.726v-.464L1.5 1S1.045.444 1.27.444C1.545.444 2.7.81 3 1s.453.418.496.85c.042.431-.316.981-.316.981L3 3.25l.788-.179s.128.826-.452 1.429-1.395.49-1.395.49l-.164-.49s-.53.206-.843.674C.62 5.642.533 6.45 1.039 6.95s1.341.457 1.74-.245c0 0 .159-.62-.21-.912-.367-.291-.616.311-.628.278-.071-.21-.164-.57.428-.57s.896.637.81 1.126c-.084.489-.255.953-1.402 1.083S.336 6.386.336 6.386s-.292-1.356 0-2.335c.292-.98.725-1.004 1.605-1.541.88-.538-.531-.183-.531-.183s-.67.504-.88.32c-.21-.183.509-.921.509-.921"/><circle cx="1.75" cy="1.75" r="1" fill="url(#yt_flag_svg__k)" fill-opacity=".3"/></g><g transform="matrix(-1 0 0 1 7 3)"><path fill="url(#yt_flag_svg__j)" d="M1.039 1.726v-.464L1.5 1S1.045.444 1.27.444C1.545.444 2.7.81 3 1s.453.418.496.85c.042.431-.316.981-.316.981L3 3.25l.788-.179s.128.826-.452 1.429-1.395.49-1.395.49l-.164-.49s-.53.206-.843.674C.62 5.642.533 6.45 1.039 6.95s1.341.457 1.74-.245c0 0 .159-.62-.21-.912-.367-.291-.616.311-.628.278-.071-.21-.164-.57.428-.57s.896.637.81 1.126c-.084.489-.255.953-1.402 1.083S.336 6.386.336 6.386s-.292-1.356 0-2.335c.292-.98.725-1.004 1.605-1.541.88-.538-.531-.183-.531-.183s-.67.504-.88.32c-.21-.183.509-.921.509-.921"/><circle cx="1.75" cy="1.75" r="1" fill="url(#yt_flag_svg__k)" fill-opacity=".3"/></g><path fill="url(#yt_flag_svg__a)" d="M9.634 5a1 1 0 1 0 1.732 0 1 1 0 0 1-1.732 0"/><path fill="url(#yt_flag_svg__l)" d="M9.5 9a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1m2 0a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1"/></g></svg>';
export const yt_flag = flag;
export const ytFlag = flag;