Source code

Revision control

Copy as Markdown

Other Tools

SVG Preview (Scaled)

Preview of https://raw.githubusercontent.com/mozilla-firefox/firefox/main/browser/components/ipprotection/assets/vpn-website-rules-settings-empty-state.svg
<!-- This Source Code Form is subject to the terms of the Mozilla Public↩
- License, v. 2.0. If a copy of the MPL was not distributed with this↩
- file, You can obtain one at https://mozilla.org/MPL/2.0/. -->↩
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="96" fill="none"><circle cx="30.312" cy="23.06" r="21.273" fill="url(#a)"/><circle cx="30.312" cy="72.941" r="21.273" fill="url(#b)"/><path fill="#fff" fill-rule="evenodd" d="M36.585 61.921a3.34 3.34 0 0 1 4.723 4.723l-6.274 6.274 6.32 6.32a3.34 3.34 0 0 1-4.723 4.722l-6.32-6.32-6.32 6.32a3.34 3.34 0 0 1-4.722-4.723l6.321-6.318-6.275-6.275a3.34 3.34 0 0 1 4.722-4.723l6.274 6.274z" clip-rule="evenodd"/><path fill="url(#c)" d="M43.484 13.602a3.05 3.05 0 0 1 1.932.69l.106.092.018.016.076.073.013.011.012.012.103.11q.1.111.189.232l.014.02.07.1.015.024q.032.049.061.098l.018.031a3 3 0 0 1 .117.219l.021.047.04.09.015.038a3 3 0 0 1 .08.225l.017.052.027.098.01.04.021.095q.007.025.01.05l.019.104.006.034q.017.127.026.256l.002.041q.004.072.004.145c0 .804-.318 1.576-.885 2.147l-.004.004-.006.006-.005.005L29.85 34.334a2.36 2.36 0 0 1-3.06.22 2 2 0 0 1-.22-.18l-9.854-9.236-.02-.018-.023-.022-.021-.022-.019-.02a3.045 3.045 0 0 1 2.02-5.136l.148-.005a3.05 3.05 0 0 1 2.026.736l.11.1.013.011.001.002.004.003.017.017 7.033 7.035 13.33-13.332a3 3 0 0 1 .223-.201 3.05 3.05 0 0 1 1.925-.684"/><path fill="#fff" d="M43.484 13.602a3.05 3.05 0 0 1 1.932.69l.106.092.018.016.076.073.013.011.012.012.103.11q.1.111.189.232l.014.02.07.1.015.024q.032.049.061.098l.018.031a3 3 0 0 1 .117.219l.021.047.04.09.015.038a3 3 0 0 1 .08.225l.017.052.027.098.01.04.021.095q.007.025.01.05l.019.104.006.034q.017.127.026.256l.002.041q.004.072.004.145c0 .804-.318 1.576-.885 2.147l-.004.004-.006.006-.005.005L29.85 34.334a2.36 2.36 0 0 1-3.06.22 2 2 0 0 1-.22-.18l-9.854-9.236-.02-.018-.023-.022-.021-.022-.019-.02a3.045 3.045 0 0 1 2.02-5.136l.148-.005a3.05 3.05 0 0 1 2.026.736l.11.1.013.011.001.002.004.003.017.017 7.033 7.035 13.33-13.332a3 3 0 0 1 .223-.201 3.05 3.05 0 0 1 1.925-.684"/><rect width="57.942" height="9.663" x="61.019" y="59.662" fill="#d6d5da" rx="4.832"/><rect width="57.942" height="9.663" x="61.019" y="59.662" fill="url(#d)" rx="4.832"/><rect width="57.942" height="9.663" x="61.019" y="11.029" fill="#d6d5da" rx="4.832"/><rect width="57.942" height="9.663" x="61.019" y="11.029" fill="url(#e)" rx="4.832"/><rect width="57.942" height="9.663" x="61.019" y="11.029" fill="url(#f)" rx="4.832"/><rect width="40.475" height="9.663" x="61.019" y="76.556" fill="#d6d5da" rx="4.832"/><rect width="40.475" height="9.663" x="61.019" y="76.556" fill="url(#g)" rx="4.832"/><rect width="33.328" height="9.663" x="61.019" y="27.923" fill="#d6d5da" rx="4.832"/><rect width="33.328" height="9.663" x="61.019" y="27.923" fill="url(#h)" rx="4.832"/><rect width="33.328" height="9.663" x="61.019" y="27.923" fill="url(#i)" rx="4.832"/><defs><linearGradient id="a" x1="27.036" x2="31.548" y1=".507" y2="64.841" gradientUnits="userSpaceOnUse"><stop offset=".116" stop-color="#f942ff"/><stop offset="1" stop-color="#2919ff"/></linearGradient><linearGradient id="b" x1="17.137" x2="23.159" y1="48.069" y2="114.179" gradientUnits="userSpaceOnUse"><stop offset=".121" stop-color="#dadada"/><stop offset=".899" stop-color="#3d3d3d"/></linearGradient><linearGradient id="c" x1="15.603" x2="69.779" y1="18.854" y2="60.459" gradientUnits="userSpaceOnUse"><stop stop-color="#ffeb49"/><stop offset=".57" stop-color="#f60"/><stop offset="1" stop-color="#fb2872"/></linearGradient><linearGradient id="d" x1="57.929" x2="61.939" y1="55.599" y2="82.931" gradientUnits="userSpaceOnUse"><stop offset=".139" stop-color="#dadada"/><stop offset="1" stop-color="#3d3d3d"/></linearGradient><linearGradient id="e" x1="57.929" x2="61.939" y1="6.966" y2="34.298" gradientUnits="userSpaceOnUse"><stop offset=".139" stop-color="#dadada"/><stop offset="1" stop-color="#3d3d3d"/></linearGradient><linearGradient id="f" x1="51.101" x2="61.978" y1="-2.838" y2="53.24" gradientUnits="userSpaceOnUse"><stop offset=".058" stop-color="#e552f6"/><stop offset=".33" stop-color="#ad41f5"/><stop offset=".54" stop-color="#4d25f4"/><stop offset=".71" stop-color="#271af4"/></linearGradient><linearGradient id="g" x1="58.861" x2="64.476" y1="72.493" y2="99.234" gradientUnits="userSpaceOnUse"><stop offset=".139" stop-color="#dadada"/><stop offset="1" stop-color="#3d3d3d"/></linearGradient><linearGradient id="h" x1="59.242" x2="65.927" y1="23.861" y2="50.076" gradientUnits="userSpaceOnUse"><stop offset=".139" stop-color="#dadada"/><stop offset="1" stop-color="#3d3d3d"/></linearGradient><linearGradient id="i" x1="55.314" x2="72.932" y1="14.057" y2="66.304" gradientUnits="userSpaceOnUse"><stop offset=".058" stop-color="#e552f6"/><stop offset=".33" stop-color="#ad41f5"/><stop offset=".54" stop-color="#4d25f4"/><stop offset=".71" stop-color="#271af4"/></linearGradient></defs></svg>