fundamentals/javascript/dom-manipulation
Created with Sketch.
SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Dom Manipulation
Web Skills Flat Vectors
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
5.44 KB
2.03 KB
-63%
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="UTF-8"?> <!-- License: MIT. Made by Andreas Mehlsen: https://github.com/andreasbm/web-skills/ --> <svg width="800px" height="800px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>fundamentals/javascript/dom-manipulation</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="fundamentals/javascript/dom-manipulation" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)" fill="#FFFFFF" fill-rule="nonzero" stroke="#036A42" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="electric-mixer" transform="translate(16.000000, 15.000000)" fill-rule="nonzero"> <path d="M30.2762797,17.3156696 L30.2762797,14.4638397 C30.2762797,13.7817586 29.7233033,13.2287823 29.0412223,13.2287823 C28.3591412,13.2287823 27.8061649,13.7817586 27.8061649,14.4638397 L27.8061649,17.3156696 C24.7924601,17.8931824 22.5146026,20.5418865 22.5146026,23.7239708 C22.5146026,27.328527 25.436666,30.2505905 29.0412223,30.2505905 C32.6457785,30.2505905 35.567842,27.328527 35.567842,23.7239708 C35.567842,20.5419689 33.2899844,17.8931824 30.2762797,17.3156696 Z M24.9847174,23.7240531 C24.9847174,21.914447 26.1698785,20.3822348 27.8061649,19.8597231 L27.8061649,27.5884654 C26.1698785,27.0658714 24.9847174,25.5335769 24.9847174,23.7240531 Z M30.2762797,27.5883831 L30.2762797,19.8596408 C31.9125661,20.3821524 33.0977272,21.914447 33.0977272,23.7239708 C33.0977272,25.5334945 31.9124837,27.0658714 30.2762797,27.5883831 Z" id="Shape" fill="#A8EBFA"> </path> <path d="M33.0098734,34.3948668 L23.74966,34.3948668 C17.8562954,34.3948668 13.0787639,29.6173354 13.0787639,23.7239708 L13.0787639,15.7853511 C13.0787639,14.2788281 14.3044349,13.0530748 15.8123577,13.0530748 L15.8183683,13.0530748 C16.3476316,13.0530748 16.8289746,12.7184565 16.9861562,12.2129887 C17.2504585,11.3630222 16.622473,10.5829599 15.8123577,10.5829599 L9.02225905,10.5829599 C8.34017801,10.5829599 7.78720164,10.0299836 7.78720164,9.34790252 L7.78720164,1.23505741 C7.78720164,0.552811697 7.23364891,-8.23371606e-05 6.5514032,8.52651283e-14 L5.31716916,8.52651283e-14 C2.39477632,8.52651283e-14 0.0256891941,2.92206349 0.0256891941,6.52661971 C0.0256891941,10.1311759 2.39477632,13.0532394 5.3172515,13.0532394 L5.3172515,22.2395964 C5.3172515,23.9290726 4.96937699,25.5679115 4.28326143,27.1109922 L1.21570818,34.0139751 C0.426012469,35.7899876 0.0256891941,37.6761673 0.0256891941,39.6198183 L0.0256891941,40.9215688 C0.0256891941,41.6036499 0.578665565,42.1566262 1.2607466,42.1566262 L38.3014357,42.1566262 C38.9836814,42.1566262 39.5365755,41.6030735 39.5364931,40.9208278 C39.5360814,37.3224469 36.608419,34.3948668 33.0098734,34.3948668 Z" id="Shape" fill="#54E360"> </path> <path d="M34.3327846,10.4074171 L23.74966,10.4074171 C23.0675789,10.4074171 22.5146026,10.9603935 22.5146026,11.6424745 L22.5146026,14.463922 C22.5146026,15.146003 23.0675789,15.6989794 23.74966,15.6989794 L34.3327022,15.6989794 C35.0147833,15.6989794 35.5677596,15.146003 35.5677596,14.463922 L35.5677596,11.6424745 C35.567842,10.9603935 35.0148656,10.4074171 34.3327846,10.4074171 Z" id="Shape" fill="#54E360"> </path> <path d="M38.3014357,13.0531571 L5.31716916,13.0531571 L5.31716916,1.23505741 C5.31716916,0.552976371 5.87014553,0 6.55222657,0 L31.6870446,0 C36.0221784,0 39.5364931,3.51431469 39.5364931,7.84944854 L39.5364931,11.8180997 C39.5364931,12.5001807 38.9835168,13.0531571 38.3014357,13.0531571 Z" id="Shape" fill="#029159"> </path> <path d="M39.5364931,11.8180997 L39.5364931,7.84944854 C39.5364931,3.51431469 36.0221784,-1.42108547e-14 31.6870446,-1.42108547e-14 L29.0413046,-1.42108547e-14 L29.0413046,13.0531571 L38.3014357,13.0531571 C38.9835168,13.0531571 39.5364931,12.5002631 39.5364931,11.8180997 Z" id="Shape" fill="#54E360"> </path> <path d="M39.9554246,22.4889957 L18.1271023,22.4889957 C17.562187,22.4889957 17.1042277,22.946955 17.1042277,23.5118702 C17.1042277,30.3895756 21.9147763,33.5509109 23.0782004,34.2490477 C23.3172252,34.3941258 23.5492513,34.3949491 23.6050759,34.3949491 L34.477451,34.3949491 C34.5332756,34.3949491 34.7653017,34.3941258 35.0043265,34.2490477 C36.1677505,33.5509109 40.9782991,30.3895756 40.9782991,23.5118702 C40.9782168,22.946955 40.5202575,22.4889957 39.9554246,22.4889957 Z" id="Shape" fill="#F6EFEA"> </path> <path d="M39.9554246,22.4889957 L29.0413046,22.4889957 L29.0413046,34.3949491 L34.477451,34.3949491 C34.5332756,34.3949491 34.7653017,34.3940434 35.0043265,34.2490477 C36.1677505,33.5509109 40.9782991,30.3895756 40.9782991,23.5118702 C40.9782168,22.946955 40.5202575,22.4889957 39.9554246,22.4889957 Z" id="Shape" fill="#EEE1DC"> </path> <path d="M26.3954823,7.76167712 L22.4268311,7.76167712 C21.7447501,7.76167712 21.1917737,7.20870075 21.1917737,6.52661971 C21.1917737,5.84453867 21.7447501,5.2915623 22.4268311,5.2915623 L26.3954823,5.2915623 C27.0775633,5.2915623 27.6305397,5.84453867 27.6305397,6.52661971 C27.6305397,7.20870075 27.0775633,7.76167712 26.3954823,7.76167712 Z" id="Shape" fill="#FFFFFF"> </path> <circle id="Oval" fill="#FFFFFF" cx="17.1353512" cy="6.52653738" r="1.23505741"> </circle> <circle id="Oval" fill="#FFFFFF" cx="11.8437889" cy="6.52653738" r="1.23505741"> </circle> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
fundamentals/javascript/dom-manipulation
Created with Sketch.
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
5.44 KB
2.03 KB
-63%
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="UTF-8"?> <!-- License: MIT. Made by Andreas Mehlsen: https://github.com/andreasbm/web-skills/ --> <svg width="800px" height="800px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>fundamentals/javascript/dom-manipulation</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="fundamentals/javascript/dom-manipulation" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)" fill="#FFFFFF" fill-rule="nonzero" stroke="#036A42" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="electric-mixer" transform="translate(16.000000, 15.000000)" fill-rule="nonzero"> <path d="M30.2762797,17.3156696 L30.2762797,14.4638397 C30.2762797,13.7817586 29.7233033,13.2287823 29.0412223,13.2287823 C28.3591412,13.2287823 27.8061649,13.7817586 27.8061649,14.4638397 L27.8061649,17.3156696 C24.7924601,17.8931824 22.5146026,20.5418865 22.5146026,23.7239708 C22.5146026,27.328527 25.436666,30.2505905 29.0412223,30.2505905 C32.6457785,30.2505905 35.567842,27.328527 35.567842,23.7239708 C35.567842,20.5419689 33.2899844,17.8931824 30.2762797,17.3156696 Z M24.9847174,23.7240531 C24.9847174,21.914447 26.1698785,20.3822348 27.8061649,19.8597231 L27.8061649,27.5884654 C26.1698785,27.0658714 24.9847174,25.5335769 24.9847174,23.7240531 Z M30.2762797,27.5883831 L30.2762797,19.8596408 C31.9125661,20.3821524 33.0977272,21.914447 33.0977272,23.7239708 C33.0977272,25.5334945 31.9124837,27.0658714 30.2762797,27.5883831 Z" id="Shape" fill="#A8EBFA"> </path> <path d="M33.0098734,34.3948668 L23.74966,34.3948668 C17.8562954,34.3948668 13.0787639,29.6173354 13.0787639,23.7239708 L13.0787639,15.7853511 C13.0787639,14.2788281 14.3044349,13.0530748 15.8123577,13.0530748 L15.8183683,13.0530748 C16.3476316,13.0530748 16.8289746,12.7184565 16.9861562,12.2129887 C17.2504585,11.3630222 16.622473,10.5829599 15.8123577,10.5829599 L9.02225905,10.5829599 C8.34017801,10.5829599 7.78720164,10.0299836 7.78720164,9.34790252 L7.78720164,1.23505741 C7.78720164,0.552811697 7.23364891,-8.23371606e-05 6.5514032,8.52651283e-14 L5.31716916,8.52651283e-14 C2.39477632,8.52651283e-14 0.0256891941,2.92206349 0.0256891941,6.52661971 C0.0256891941,10.1311759 2.39477632,13.0532394 5.3172515,13.0532394 L5.3172515,22.2395964 C5.3172515,23.9290726 4.96937699,25.5679115 4.28326143,27.1109922 L1.21570818,34.0139751 C0.426012469,35.7899876 0.0256891941,37.6761673 0.0256891941,39.6198183 L0.0256891941,40.9215688 C0.0256891941,41.6036499 0.578665565,42.1566262 1.2607466,42.1566262 L38.3014357,42.1566262 C38.9836814,42.1566262 39.5365755,41.6030735 39.5364931,40.9208278 C39.5360814,37.3224469 36.608419,34.3948668 33.0098734,34.3948668 Z" id="Shape" fill="#54E360"> </path> <path d="M34.3327846,10.4074171 L23.74966,10.4074171 C23.0675789,10.4074171 22.5146026,10.9603935 22.5146026,11.6424745 L22.5146026,14.463922 C22.5146026,15.146003 23.0675789,15.6989794 23.74966,15.6989794 L34.3327022,15.6989794 C35.0147833,15.6989794 35.5677596,15.146003 35.5677596,14.463922 L35.5677596,11.6424745 C35.567842,10.9603935 35.0148656,10.4074171 34.3327846,10.4074171 Z" id="Shape" fill="#54E360"> </path> <path d="M38.3014357,13.0531571 L5.31716916,13.0531571 L5.31716916,1.23505741 C5.31716916,0.552976371 5.87014553,0 6.55222657,0 L31.6870446,0 C36.0221784,0 39.5364931,3.51431469 39.5364931,7.84944854 L39.5364931,11.8180997 C39.5364931,12.5001807 38.9835168,13.0531571 38.3014357,13.0531571 Z" id="Shape" fill="#029159"> </path> <path d="M39.5364931,11.8180997 L39.5364931,7.84944854 C39.5364931,3.51431469 36.0221784,-1.42108547e-14 31.6870446,-1.42108547e-14 L29.0413046,-1.42108547e-14 L29.0413046,13.0531571 L38.3014357,13.0531571 C38.9835168,13.0531571 39.5364931,12.5002631 39.5364931,11.8180997 Z" id="Shape" fill="#54E360"> </path> <path d="M39.9554246,22.4889957 L18.1271023,22.4889957 C17.562187,22.4889957 17.1042277,22.946955 17.1042277,23.5118702 C17.1042277,30.3895756 21.9147763,33.5509109 23.0782004,34.2490477 C23.3172252,34.3941258 23.5492513,34.3949491 23.6050759,34.3949491 L34.477451,34.3949491 C34.5332756,34.3949491 34.7653017,34.3941258 35.0043265,34.2490477 C36.1677505,33.5509109 40.9782991,30.3895756 40.9782991,23.5118702 C40.9782168,22.946955 40.5202575,22.4889957 39.9554246,22.4889957 Z" id="Shape" fill="#F6EFEA"> </path> <path d="M39.9554246,22.4889957 L29.0413046,22.4889957 L29.0413046,34.3949491 L34.477451,34.3949491 C34.5332756,34.3949491 34.7653017,34.3940434 35.0043265,34.2490477 C36.1677505,33.5509109 40.9782991,30.3895756 40.9782991,23.5118702 C40.9782168,22.946955 40.5202575,22.4889957 39.9554246,22.4889957 Z" id="Shape" fill="#EEE1DC"> </path> <path d="M26.3954823,7.76167712 L22.4268311,7.76167712 C21.7447501,7.76167712 21.1917737,7.20870075 21.1917737,6.52661971 C21.1917737,5.84453867 21.7447501,5.2915623 22.4268311,5.2915623 L26.3954823,5.2915623 C27.0775633,5.2915623 27.6305397,5.84453867 27.6305397,6.52661971 C27.6305397,7.20870075 27.0775633,7.76167712 26.3954823,7.76167712 Z" id="Shape" fill="#FFFFFF"> </path> <circle id="Oval" fill="#FFFFFF" cx="17.1353512" cy="6.52653738" r="1.23505741"> </circle> <circle id="Oval" fill="#FFFFFF" cx="11.8437889" cy="6.52653738" r="1.23505741"> </circle> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
fundamentals/javascript/dom-manipulation
Created with Sketch.
100%
Download