SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Screen
Multimedia 3
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
7.29 KB
5.9 KB
-19%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/150506/screen --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 473.931 473.931" style="enable-background:new 0 0 473.931 473.931;" xml:space="preserve"> <circle style="fill:#4ABC96;" cx="236.966" cy="236.966" r="236.966"/> <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0.522" y1="491.0756" x2="26.668" y2="491.0756" gradientTransform="matrix(3.7418 0 0 -3.7418 186.5716 2214.0598)"> <stop offset="0" style="stop-color:#959397"/> <stop offset="0.234" style="stop-color:#A6A4AA"/> <stop offset="0.731" style="stop-color:#C4C2CC"/> <stop offset="1" style="stop-color:#D0CED9"/> </linearGradient> <path style="fill:url(#SVGID_1_);" d="M286.357,406.961c0,3.016-2.447,2.327-5.467,2.327h-86.899c-3.027,0-5.467,0.688-5.467-2.327 v-3.727l12.774-19.21l-0.236-34.768c0-3.02,2.44-5.467,5.467-5.467h61.818c3.012,0,5.467,2.447,5.467,5.467l-0.213,34.869 l12.752,19.105v3.731H286.357z"/> <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="13.595" y1="500.6752" x2="13.595" y2="483.3091" gradientTransform="matrix(3.7418 0 0 -3.7418 186.5716 2214.0598)"> <stop offset="0.115" style="stop-color:#959397"/> <stop offset="0.142" style="stop-color:#99989B"/> <stop offset="0.372" style="stop-color:#BABAB7"/> <stop offset="0.497" style="stop-color:#C6C7C2"/> <stop offset="0.624" style="stop-color:#78767C"/> <stop offset="1" style="stop-color:#97969E"/> </linearGradient> <path style="fill:url(#SVGID_2_);" d="M286.357,403.231c0,3.023-2.447,2.335-5.467,2.335h-86.899c-3.027,0-5.467,0.688-5.467-2.335 l12.774-22.346l-0.236-34.765c0-3.027,2.44-5.467,5.467-5.467h61.818c3.012,0,5.467,2.44,5.467,5.467l-0.213,34.869L286.357,403.231 z"/> <linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="-32.422" y1="528.8552" x2="59.611" y2="528.8552" gradientTransform="matrix(3.7418 0 0 -3.7418 186.5716 2214.0598)"> <stop offset="0" style="stop-color:#959397"/> <stop offset="0.234" style="stop-color:#A6A4AA"/> <stop offset="0.731" style="stop-color:#C4C2CC"/> <stop offset="1" style="stop-color:#D0CED9"/> </linearGradient> <path style="fill:url(#SVGID_3_);" d="M409.622,336.725c0,11.356-9.201,20.557-20.55,20.557H85.814 c-11.356,0-20.557-9.201-20.557-20.557V133.697c0-11.356,9.201-20.557,20.557-20.557h303.258c11.349,0,20.55,9.201,20.55,20.557 L409.622,336.725L409.622,336.725z"/> <rect x="80.033" y="126.958" style="fill:#08090B;" width="314.184" height="171.201"/> <linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="-28.473" y1="534.9092" x2="55.494" y2="534.9092" gradientTransform="matrix(3.7418 0 0 -3.7418 186.5716 2214.0598)"> <stop offset="0" style="stop-color:#7F55A2"/> <stop offset="0.733" style="stop-color:#694380"/> <stop offset="1" style="stop-color:#7C2F80"/> </linearGradient> <rect x="80.033" y="126.958" style="fill:url(#SVGID_4_);" width="314.184" height="171.201"/> <polygon style="fill:#CCCBCF;" points="331.55,297.556 143.294,297.556 160.327,285.35 314.517,285.35 "/> <ellipse style="fill:#98979B;" cx="168.304" cy="291.82" rx="4.999" ry="2.503"/> <circle style="fill:#F6A2A3;" cx="168.304" cy="284.898" r="6.178"/> <ellipse style="fill:#98979B;" cx="203.589" cy="291.82" rx="5.003" ry="2.503"/> <circle style="fill:#F5E554;" cx="203.589" cy="284.898" r="6.178"/> <ellipse style="fill:#98979B;" cx="238.896" cy="291.82" rx="5.003" ry="2.503"/> <circle style="fill:#B5DBAF;" cx="238.893" cy="284.898" r="6.174"/> <ellipse style="fill:#98979B;" cx="274.196" cy="291.82" rx="4.999" ry="2.503"/> <circle style="fill:#6CC077;" cx="274.196" cy="284.898" r="6.178"/> <ellipse style="fill:#98979B;" cx="309.481" cy="291.82" rx="4.999" ry="2.503"/> <circle style="fill:#67B8CB;" cx="309.481" cy="284.898" r="6.174"/> <ellipse style="fill:#98979B;" cx="185.947" cy="291.82" rx="4.995" ry="2.503"/> <rect x="180.816" y="278.879" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -146.3691 214.6846)" style="fill:#67B8CB;" width="10.293" height="10.293"/> <ellipse style="fill:#98979B;" cx="221.25" cy="291.82" rx="4.999" ry="2.503"/> <rect x="216.098" y="278.882" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -136.0374 239.6335)" style="fill:#6CC077;" width="10.293" height="10.293"/> <ellipse style="fill:#98979B;" cx="256.535" cy="291.82" rx="4.999" ry="2.503"/> <rect x="251.412" y="278.89" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -125.6999 264.6067)" style="fill:#F6A2A3;" width="10.293" height="10.293"/> <ellipse style="fill:#98979B;" cx="291.82" cy="291.82" rx="4.999" ry="2.503"/> <rect x="286.704" y="278.882" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -115.3576 289.56)" style="fill:#F5E554;" width="10.293" height="10.293"/> <g> <path style="fill:#08090B;" d="M243.289,321.335c0.322,1.747-0.513,3.177-1.418,4.142c-0.775,0.838-1.818,1.493-3.267,1.418 c-0.284-3.046,2.148-5.179,4.647-5.56C243.267,321.335,243.274,321.335,243.289,321.335z"/> <path style="fill:#08090B;" d="M247.719,329.488c-1.579,1.134-2.728,2.623-2.552,5.141c0.161,2.151,1.557,3.611,3.222,4.389 c-0.389,1.13-0.842,2.133-1.418,3.046c-0.737,1.179-1.811,2.93-3.39,3.267c-1.818,0.374-2.945-1.029-4.924-0.887 c-1.504,0.12-2.874,1.358-4.393,0.849c-0.73-0.254-1.512-1.04-2.009-1.635c-1.534-1.848-2.975-4.722-3.341-7.487 c-0.314-2.372,0-4.438,0.958-6.013c1.003-1.643,2.874-3.21,5.358-2.93c0.614,0.071,1.227,0.288,1.796,0.509 c0.475,0.183,1.119,0.546,1.71,0.546c0.569-0.007,1.28-0.389,1.833-0.587c0.644-0.236,1.325-0.486,2.009-0.543 C245.111,326.918,246.638,328.16,247.719,329.488z"/> </g> <g> <g> <path style="fill:#08090B;" d="M80.033,298.151V126.954h247.072l9.654-13.811H85.814c-11.356,0-20.557,9.201-20.557,20.557 v178.317h132.526l9.684-13.863H80.033V298.151z"/> <linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="-611.3542" y1="254.3" x2="-501.0543" y2="254.3" gradientTransform="matrix(1.5072 1.0533 4.1317 -5.912 149.0401 2344.157)"> <stop offset="0" style="stop-color:#959397"/> <stop offset="0.234" style="stop-color:#A6A4AA"/> <stop offset="0.731" style="stop-color:#C4C2CC"/> <stop offset="1" style="stop-color:#D0CED9"/> </linearGradient> <polygon style="opacity:0.3;fill:url(#SVGID_5_);enable-background:new ;" points="394.217,298.151 394.217,126.954 327.108,126.954 207.466,298.151 "/> <path style="fill:#08090B;" d="M409.622,133.697c0-11.356-9.201-20.557-20.55-20.557h-52.31l-9.654,13.811h67.112v171.201H207.469 l-9.684,13.863h211.84V133.697H409.622z"/> <linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="-611.3554" y1="253.9655" x2="-501.0654" y2="253.9655" gradientTransform="matrix(1.5072 1.0533 4.1317 -5.912 149.0401 2344.157)"> <stop offset="0" style="stop-color:#959397"/> <stop offset="0.234" style="stop-color:#A6A4AA"/> <stop offset="0.731" style="stop-color:#C4C2CC"/> <stop offset="1" style="stop-color:#D0CED9"/> </linearGradient> <path style="opacity:0.3;fill:url(#SVGID_6_);enable-background:new ;" d="M409.622,133.697 c0-11.356-9.201-20.557-20.55-20.557h-52.31l-9.654,13.811h67.112v171.201H207.469l-9.684,13.863h211.84V133.697H409.622z"/> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
7.29 KB
5.9 KB
-19%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/150506/screen --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 473.931 473.931" style="enable-background:new 0 0 473.931 473.931;" xml:space="preserve"> <circle style="fill:#4ABC96;" cx="236.966" cy="236.966" r="236.966"/> <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0.522" y1="491.0756" x2="26.668" y2="491.0756" gradientTransform="matrix(3.7418 0 0 -3.7418 186.5716 2214.0598)"> <stop offset="0" style="stop-color:#959397"/> <stop offset="0.234" style="stop-color:#A6A4AA"/> <stop offset="0.731" style="stop-color:#C4C2CC"/> <stop offset="1" style="stop-color:#D0CED9"/> </linearGradient> <path style="fill:url(#SVGID_1_);" d="M286.357,406.961c0,3.016-2.447,2.327-5.467,2.327h-86.899c-3.027,0-5.467,0.688-5.467-2.327 v-3.727l12.774-19.21l-0.236-34.768c0-3.02,2.44-5.467,5.467-5.467h61.818c3.012,0,5.467,2.447,5.467,5.467l-0.213,34.869 l12.752,19.105v3.731H286.357z"/> <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="13.595" y1="500.6752" x2="13.595" y2="483.3091" gradientTransform="matrix(3.7418 0 0 -3.7418 186.5716 2214.0598)"> <stop offset="0.115" style="stop-color:#959397"/> <stop offset="0.142" style="stop-color:#99989B"/> <stop offset="0.372" style="stop-color:#BABAB7"/> <stop offset="0.497" style="stop-color:#C6C7C2"/> <stop offset="0.624" style="stop-color:#78767C"/> <stop offset="1" style="stop-color:#97969E"/> </linearGradient> <path style="fill:url(#SVGID_2_);" d="M286.357,403.231c0,3.023-2.447,2.335-5.467,2.335h-86.899c-3.027,0-5.467,0.688-5.467-2.335 l12.774-22.346l-0.236-34.765c0-3.027,2.44-5.467,5.467-5.467h61.818c3.012,0,5.467,2.44,5.467,5.467l-0.213,34.869L286.357,403.231 z"/> <linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="-32.422" y1="528.8552" x2="59.611" y2="528.8552" gradientTransform="matrix(3.7418 0 0 -3.7418 186.5716 2214.0598)"> <stop offset="0" style="stop-color:#959397"/> <stop offset="0.234" style="stop-color:#A6A4AA"/> <stop offset="0.731" style="stop-color:#C4C2CC"/> <stop offset="1" style="stop-color:#D0CED9"/> </linearGradient> <path style="fill:url(#SVGID_3_);" d="M409.622,336.725c0,11.356-9.201,20.557-20.55,20.557H85.814 c-11.356,0-20.557-9.201-20.557-20.557V133.697c0-11.356,9.201-20.557,20.557-20.557h303.258c11.349,0,20.55,9.201,20.55,20.557 L409.622,336.725L409.622,336.725z"/> <rect x="80.033" y="126.958" style="fill:#08090B;" width="314.184" height="171.201"/> <linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="-28.473" y1="534.9092" x2="55.494" y2="534.9092" gradientTransform="matrix(3.7418 0 0 -3.7418 186.5716 2214.0598)"> <stop offset="0" style="stop-color:#7F55A2"/> <stop offset="0.733" style="stop-color:#694380"/> <stop offset="1" style="stop-color:#7C2F80"/> </linearGradient> <rect x="80.033" y="126.958" style="fill:url(#SVGID_4_);" width="314.184" height="171.201"/> <polygon style="fill:#CCCBCF;" points="331.55,297.556 143.294,297.556 160.327,285.35 314.517,285.35 "/> <ellipse style="fill:#98979B;" cx="168.304" cy="291.82" rx="4.999" ry="2.503"/> <circle style="fill:#F6A2A3;" cx="168.304" cy="284.898" r="6.178"/> <ellipse style="fill:#98979B;" cx="203.589" cy="291.82" rx="5.003" ry="2.503"/> <circle style="fill:#F5E554;" cx="203.589" cy="284.898" r="6.178"/> <ellipse style="fill:#98979B;" cx="238.896" cy="291.82" rx="5.003" ry="2.503"/> <circle style="fill:#B5DBAF;" cx="238.893" cy="284.898" r="6.174"/> <ellipse style="fill:#98979B;" cx="274.196" cy="291.82" rx="4.999" ry="2.503"/> <circle style="fill:#6CC077;" cx="274.196" cy="284.898" r="6.178"/> <ellipse style="fill:#98979B;" cx="309.481" cy="291.82" rx="4.999" ry="2.503"/> <circle style="fill:#67B8CB;" cx="309.481" cy="284.898" r="6.174"/> <ellipse style="fill:#98979B;" cx="185.947" cy="291.82" rx="4.995" ry="2.503"/> <rect x="180.816" y="278.879" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -146.3691 214.6846)" style="fill:#67B8CB;" width="10.293" height="10.293"/> <ellipse style="fill:#98979B;" cx="221.25" cy="291.82" rx="4.999" ry="2.503"/> <rect x="216.098" y="278.882" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -136.0374 239.6335)" style="fill:#6CC077;" width="10.293" height="10.293"/> <ellipse style="fill:#98979B;" cx="256.535" cy="291.82" rx="4.999" ry="2.503"/> <rect x="251.412" y="278.89" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -125.6999 264.6067)" style="fill:#F6A2A3;" width="10.293" height="10.293"/> <ellipse style="fill:#98979B;" cx="291.82" cy="291.82" rx="4.999" ry="2.503"/> <rect x="286.704" y="278.882" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -115.3576 289.56)" style="fill:#F5E554;" width="10.293" height="10.293"/> <g> <path style="fill:#08090B;" d="M243.289,321.335c0.322,1.747-0.513,3.177-1.418,4.142c-0.775,0.838-1.818,1.493-3.267,1.418 c-0.284-3.046,2.148-5.179,4.647-5.56C243.267,321.335,243.274,321.335,243.289,321.335z"/> <path style="fill:#08090B;" d="M247.719,329.488c-1.579,1.134-2.728,2.623-2.552,5.141c0.161,2.151,1.557,3.611,3.222,4.389 c-0.389,1.13-0.842,2.133-1.418,3.046c-0.737,1.179-1.811,2.93-3.39,3.267c-1.818,0.374-2.945-1.029-4.924-0.887 c-1.504,0.12-2.874,1.358-4.393,0.849c-0.73-0.254-1.512-1.04-2.009-1.635c-1.534-1.848-2.975-4.722-3.341-7.487 c-0.314-2.372,0-4.438,0.958-6.013c1.003-1.643,2.874-3.21,5.358-2.93c0.614,0.071,1.227,0.288,1.796,0.509 c0.475,0.183,1.119,0.546,1.71,0.546c0.569-0.007,1.28-0.389,1.833-0.587c0.644-0.236,1.325-0.486,2.009-0.543 C245.111,326.918,246.638,328.16,247.719,329.488z"/> </g> <g> <g> <path style="fill:#08090B;" d="M80.033,298.151V126.954h247.072l9.654-13.811H85.814c-11.356,0-20.557,9.201-20.557,20.557 v178.317h132.526l9.684-13.863H80.033V298.151z"/> <linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="-611.3542" y1="254.3" x2="-501.0543" y2="254.3" gradientTransform="matrix(1.5072 1.0533 4.1317 -5.912 149.0401 2344.157)"> <stop offset="0" style="stop-color:#959397"/> <stop offset="0.234" style="stop-color:#A6A4AA"/> <stop offset="0.731" style="stop-color:#C4C2CC"/> <stop offset="1" style="stop-color:#D0CED9"/> </linearGradient> <polygon style="opacity:0.3;fill:url(#SVGID_5_);enable-background:new ;" points="394.217,298.151 394.217,126.954 327.108,126.954 207.466,298.151 "/> <path style="fill:#08090B;" d="M409.622,133.697c0-11.356-9.201-20.557-20.55-20.557h-52.31l-9.654,13.811h67.112v171.201H207.469 l-9.684,13.863h211.84V133.697H409.622z"/> <linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="-611.3554" y1="253.9655" x2="-501.0654" y2="253.9655" gradientTransform="matrix(1.5072 1.0533 4.1317 -5.912 149.0401 2344.157)"> <stop offset="0" style="stop-color:#959397"/> <stop offset="0.234" style="stop-color:#A6A4AA"/> <stop offset="0.731" style="stop-color:#C4C2CC"/> <stop offset="1" style="stop-color:#D0CED9"/> </linearGradient> <path style="opacity:0.3;fill:url(#SVGID_6_);enable-background:new ;" d="M409.622,133.697 c0-11.356-9.201-20.557-20.55-20.557h-52.31l-9.654,13.811h67.112v171.201H207.469l-9.684,13.863h211.84V133.697H409.622z"/> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download