images/manifest-src-directive.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="701px" height="337px" viewBox="0 0 701 337" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
    <title>Untitled 2</title>
    <desc>example.com has a CSP policy associated with the HTML file which states that manifests come from
     bar.com, and icons from foo.com.</desc>
    <defs aria-hidden="true">
                  <path d="M650,67 C-5,-6 -12,-10 -20,-10 C-1,0 -2,0 -3,0 C624,54 620,52 616,52 C610,52 605,55 603,60 C600,58 597,57 594,57 C586,57 579,64 579,72 C569,73 562,78 562,88 C562,96 569,103 577,103 C579,103 581,102 583,102 C585,105 590,107 594,107 C597,107 599,106 601.5,105 C603,106 606,107 609,107 C612,107 615,106 618,104 C621,106 625,107 630,107 C633,107 637,106 640,105 C643,106 649,107 649,107 C659,107 668,98 668,87 C668,76 660,67 650,67 Z" id="cloud" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup"></path>
                <path d="l-16,8l3-18l-7-12l18-3l8,-16L589,200 L597,216 L615,219 L602,231 L605,249 Z" id="Star" stroke="#979797" fill="#F6A623" sketch:type="MSShapeGroup"></path>

    </defs>
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
            <rect id="Rectangle-1" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup" x="95" y="0" width="61" height="70"></rect>
            <path d="M160,67 C155,61 148,57 140,57 C140,57 138,57 137,57 C134,54 130,52 126,52 C120,52 115,55 113,60 C110.333921,58.0596519 107.290708,57 104,57 C95.7157283,57 89,63.7157283 89,72 C89,72.382818 89.0143407,72.7622865 89.0425141,73.1378976 C88.3746534,73.0469694 87.6928119,73 87,73 C78.7157283,73 72,79.7157283 72,88 C72,96.2842717 78.7157283,103 87,103 C89.0213401,103 90.9492975,102.600181 92.7091025,101.875313 L92.7091025,101.875313 C95.4585697,105.016343 99.497631,107 104,107 C106.732154,107 109.2937,106.269543 111.5,104.993267 C113.7063,106.269543 116.267846,107 119,107 C122.398952,107 125.53386,105.869489 128.04922,103.96397 L128.04922,103.96397 C131.599637,105.899876 135.671344,107 140,107 C143.672619,107 147.160272,106.208069 150.301511,104.785656 C152.907822,106.200897 155.865257,107 159,107 C169.493411,107 178,98.0456955 178,87 C178,76.315647 170.040867,67.5880902 160.023219,67.0285076 L160.023212,67.0285072 Z" id="Oval-1" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup"></path>
            <rect id="Rectangle-2" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup" x="95" y="229" width="61" height="97"></rect>
            <rect id="Rectangle-3" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup" x="365" y="230" width="61" height="97"></rect>
            <rect id="Rectangle-4" stroke="#979797" fill="#7ED321" sketch:type="MSShapeGroup" x="0" y="167" width="251" height="51" rx="8"></rect>
            <text id="Policy" fill="#000000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="12" font-weight="normal">
                <tspan x="13" y="199">Policy</tspan>
            </text>
            <text id="HTML" fill="#000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="12" font-weight="normal">
                <tspan x="109" y="277">HTML</tspan>
            </text>
            <text id="Manifest" fill="#000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="12" font-weight="normal">
                <tspan x="373" y="275">Manifest</tspan>
            </text>
            <text id="example.com" fill="#000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="12" font-weight="normal">
                <tspan x="89" y="88">example.com</tspan>
            </text>
            <rect id="Rectangle-1" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup" x="365" y="0" width="61" height="70"></rect>
            <path d="M431.023212,67.0285072 C426,61 419,57 411,57 C410,57 409,57 408,57 C405,54 401,52 397,52 C391,52 386,55 384,60 C381.333921,58.0596519 378.290708,57 375,57 C366.715728,57 360,63.7157283 360,72 C360,72.382818 360.014341,72.7622865 360.042514,73.1378976 C359.374653,73.0469694 358.692812,73 358,73 C349.715728,73 343,79.7157283 343,88 C343,96.2842717 349.715728,103 358,103 C360.02134,103 361.949297,102.600181 363.709103,101.875313 L363.709103,101.875313 C366.45857,105.016343 370.497631,107 375,107 C377.732154,107 380.2937,106.269543 382.5,104.993267 C384.7063,106.269543 387.267846,107 390,107 C393.398952,107 396.53386,105.869489 399.04922,103.96397 L399.04922,103.96397 C402.599637,105.899876 406.671344,107 411,107 C414.672619,107 418.160272,106.208069 421.301511,104.785656 C423.907822,106.200897 426.865257,107 430,107 C440.493411,107 449,98.0456955 449,87 C449,76.315647 441.040867,67.5880902 431.023219,67.0285076 L431.023212,67.0285072 Z" id="Oval-1" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup"></path>
            <text id="bar.com" fill="#000000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="12" font-weight="normal">
                <tspan x="375" y="85">bar.com</tspan>
            </text>
            <path d="M125.5,95.5 L125.5,172.5" id="Line" stroke="#979797" sketch:type="MSShapeGroup"></path>
            <path d="M125.5,180.5 L128.5,169.7 L122.5,169.7 L125.5,180.5 L125.5,180.5 L125.5,180.5 Z" id="Line-decoration-1" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup"></path>
            <path d="M396.5,95.5 L396.5,251.5" id="Line" stroke="#979797" sketch:type="MSShapeGroup"></path>

       <g id="icons-com-group">
            <rect id="Rectangle-1-copy" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup" x="585" y="0" width="61" height="70"></rect>
            <path d="M650,67 C645,61 638,57 630,57 C629,57 628,57 627,57 C624,54 620,52 616,52 C610,52 605,55 603,60 C600,58 597,57 594,57 C586,57 579,64 579,72 C569,73 562,78 562,88 C562,96 569,103 577,103 C579,103 581,102 583,102 C585,105 590,107 594,107 C597,107 599,106 601.5,105 C603,106 606,107 609,107 C612,107 615,106 618,104 C621,106 625,107 630,107 C633,107 637,106 640,105 C643,106 649,107 649,107 C659,107 668,98 668,87 C668,76 660,67 650,67 Z" id="Oval-1-copy" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup"></path>
            <text id="icons.com" fill="#000000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="12" font-weight="normal">
                <tspan x="588" y="88">icons.com</tspan>
            </text>
       </g>
            <path d="M129.5,257.5 L362.5,257.5" id="Line" stroke="#979797" sketch:type="MSShapeGroup"></path>
            <path d="M362.49704,257.5 L351.69704,254.5 L351.69704,260.5 C355.47704,259.45 358.71704,258.55 362.49704,257.5 L362.49704,257.5 L362.49704,257.5 Z" id="Line-decoration-1" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup"></path>
            <path d="M414.497041,258.5 L581.5,258.5" id="Line" stroke="#979797" sketch:type="MSShapeGroup"></path>
            <path d="M581.49704,258.5 L570.69704,255.5 L570.69704,261.5 C574.47704,260.45 577.71704,259.55 581.49704,258.5 L581.49704,258.5 L581.49704,258.5 Z" id="Line-decoration-1" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup"></path>

            <path d="M125.5,208.5 L125.5,257.75444" id="Line" stroke="#979797" sketch:type="MSShapeGroup"></path>
            <path d="M125.5,257.5 L128.5,246.7 L122.5,246.7 L125.5,257.5 L125.5,257.5 L125.5,257.5 Z" id="Line-decoration-1" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup"></path>
            <path d="M396.5,254.5 L399.5,243.7 L393.5,243.7 L396.5,254.5 L396.5,254.5 L396.5,254.5 Z" id="Line-decoration-1" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup"></path>
            <text id="manifest-src-bar.com" fill="#000000" sketch:type="MSTextLayer" font-family="Courier New" font-size="12">
                <tspan x="75" y="189">manifest-src bar.com</tspan>
                <tspan x="75" y="203">img-src icons.com</tspan>
            </text>
            <g id="icon-group" aria-labelledby="icons" role="listitem">
                <text id="icons" fill="#000000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="14">
                    <tspan x="610" y="335">icons</tspan>
                </text>
                <path d="M589.5,241.25 L573.335907,249.747968 L576.422973,231.748984 L563.345946,219 L581.417955,216.376014 L589.5,200 L597.58205,216.376018 L615.654059,219.002046 L602.577026,231.748988 L605.664093,249.747969 L589.499999,241.25 Z" id="Star-1" stroke="#979797" fill="#F6A623" sketch:type="MSShapeGroup"></path>
                <path d="M623.5,300.25 L607.335907,308.747968 L610.422973,290.748984 L597.345946,278 L615.417955,275.376014 L623.5,259 L631.58205,275.376018 L649.654059,278.002046 L636.577026,290.748988 L639.664093,308.747969 L623.499999,300.25 Z" id="Star-1-copy" stroke="#979797" fill="#F6A623" sketch:type="MSShapeGroup"></path>
                <path d="M673.5,268.25 L657.335907,276.747968 L660.422973,258.748984 L647.345946,246 L665.417955,243.376014 L673.5,227 L681.58205,243.376018 L699.654059,246.002046 L686.577026,258.748988 L689.664093,276.747969 L673.499999,268.25 Z" id="Star-1-copy-2" stroke="#979797" fill="#F6A623" sketch:type="MSShapeGroup"></path>
            </g>

         <g id="icons-arrows" aria-label="arrows from icons.com to the stars">
            <path d="M614.5,106.5 L605.5,211.5" id="Line" stroke="#979797" sketch:type="MSShapeGroup"></path>
            <path d="M605.5,211.1 C606.9,207.4 608.1,204.3 609.4,200.6 C607.4,200.4 605.6,200.3 603.5,200.1 C604.2,203.9 604.9,207.3 605.5,211.1 Z" id="Line-decoration-1" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup"></path>
            <path d="M634.5,106.5 L662.5,240.5" id="Line" stroke="#979797" sketch:type="MSShapeGroup"></path>
            <path d="M662.317119,239.624784 C662.571768,235.709933 662.790039,232.354347 663.044689,228.439497 C661,228.9 659.22714,229.237193 657.171536,229.666723 C658.97249,233.152044 660.516165,236.139462 662.317119,239.624784 L662.317119,239.624784 L662.317119,239.624784 Z" id="Line-decoration-1" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup"></path>
            <path d="M619.5,104.5 L631.5,257.5" id="Line" stroke="#979797" sketch:type="MSShapeGroup"></path>
            <path d="M631.463261,257.031575 L633.60961,246.030066 L627.62798,246.499214 C628.970328,250.18554 630.120913,253.345248 631.463261,257.031575 L631.463261,257.031575 L631.463261,257.031575 Z" id="Line-decoration-1" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup"></path>
        </g>
    </g>
</svg>