fundamentals/html/svg
Created with Sketch.
SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
SVG
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
4.58 KB
1.52 KB
-67%
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/html/svg</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="fundamentals/html/svg" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <rect id="Mask" stroke="#2B4446" stroke-width="2" fill="#FFFFFF" fill-rule="nonzero" x="1" y="1" width="71" height="71" rx="14"> </rect> <g id="vector" transform="translate(18.000000, 13.000000)" fill-rule="nonzero"> <path d="M25.0885236,0.240736251 C24.9479964,0.0873108619 24.7496529,0 24.5416582,0 L13.6275298,0 C13.4212489,0 13.2242583,0.0859579044 13.0839115,0.237128364 C12.9435647,0.388298823 12.8724893,0.591152262 12.887913,0.796801812 L13.9496239,15.0367704 C13.978487,15.4238967 14.3010321,15.7232611 14.6893309,15.7232611 L23.2926077,15.7232611 C23.6771183,15.7232611 23.9978594,15.4294889 24.031503,15.0463313 L25.2806436,0.80645291 C25.298683,0.599360204 25.2290508,0.393981245 25.0885236,0.240736251 Z" id="Shape" fill="#4ACFD9"> </path> <path d="M24.0252794,14.8671096 L13.8575326,14.8671096 L11.8797793,27.5248394 C11.8560574,27.6770923 11.8802302,27.8330432 11.9492311,27.9710448 L18.1998049,40.4721022 L18.1998049,25.9641578 C17.4481918,25.6673189 16.9142246,24.9351884 16.9142246,24.0793075 C16.9142246,22.9614939 17.8235925,22.052126 18.941406,22.052126 C20.0592195,22.052126 20.9685874,22.9614939 20.9685874,24.0793075 C20.9685874,24.9351884 20.4347104,25.6672287 19.6830071,25.9641578 L19.6830071,40.4721022 L25.9335809,27.9710448 C26.0024916,27.8332236 26.0267546,27.6771824 26.0030327,27.5248394 L24.0252794,14.8671096 Z" id="Shape" fill="#FFD1A9"> </path> <path d="M13.6275298,0 C13.4212489,0 13.2242583,0.0859579044 13.0839115,0.237128364 C12.9435647,0.388298823 12.8724893,0.591152262 12.887913,0.796801812 L13.9496239,15.0367704 C13.978487,15.4238967 14.3010321,15.7232611 14.6893309,15.7232611 L18.9414962,15.7232611 L18.9414962,0 L13.6275298,0 Z" id="Shape" fill="#0295AA"> </path> <path d="M13.8575326,14.8671096 L11.8797793,27.5248394 C11.8560574,27.6770923 11.8802302,27.8330432 11.9492311,27.9710448 L18.1998049,40.4721022 L18.1998049,25.9641578 C17.4481918,25.6673189 16.9142246,24.9351884 16.9142246,24.0793075 C16.9142246,22.9614939 17.8235925,22.052126 18.941406,22.052126 L18.941406,14.8671096 L13.8575326,14.8671096 Z" id="Shape" fill="#FF8C29"> </path> <path d="M29.6213825,44.2031984 L8.26142952,44.2031984 C7.85175397,44.2031984 7.51973818,43.8710924 7.51973818,43.4615071 C7.51973818,43.0519217 7.85166377,42.7198157 8.26142952,42.7198157 L29.6213825,42.7198157 C30.031058,42.7198157 30.3630738,43.0519217 30.3630738,43.4615071 C30.3630738,43.8710924 30.031058,44.2031984 29.6213825,44.2031984 Z" id="Shape" fill="#9BAAAB"> </path> <g id="Group" transform="translate(3.517690, 40.678924)" fill="#F0353D"> <path d="M4.74373984,0.06313802 L0.788233081,0.06313802 C0.378557528,0.06313802 0.0465417405,0.395244005 0.0465417405,0.804829361 L0.0465417405,4.76033612 C0.0465417405,5.16992147 0.378467331,5.50202746 0.788233081,5.50202746 L4.74373984,5.50202746 C5.15341539,5.50202746 5.48543118,5.16992147 5.48543118,4.76033612 L5.48543118,0.804829361 C5.48543118,0.395244005 5.15341539,0.06313802 4.74373984,0.06313802 Z" id="Shape"> </path> <path d="M30.0591995,0.06313802 L26.1036928,0.06313802 C25.6940172,0.06313802 25.3620015,0.395244005 25.3620015,0.804829361 L25.3620015,4.76033612 C25.3620015,5.16992147 25.693927,5.50202746 26.1036928,5.50202746 L30.0591995,5.50202746 C30.4688751,5.50202746 30.8008909,5.16992147 30.8008909,4.76033612 L30.8008909,0.804829361 C30.8008909,0.395244005 30.4688751,0.06313802 30.0591995,0.06313802 Z" id="Shape"> </path> </g> <path d="M18.941406,42.6209596 C8.49936966,42.6209596 0.00423926706,34.125739 0.00423926706,23.6837929 C0.00423926706,23.2742075 0.336164858,22.9421015 0.745930608,22.9421015 C1.15569636,22.9421015 1.48762195,23.2742075 1.48762195,23.6837929 C1.48762195,33.3078311 9.31745801,41.1375769 18.941406,41.1375769 C28.565354,41.1375769 36.3951901,33.3077409 36.3951901,23.6837929 C36.3951901,23.2742075 36.7271156,22.9421015 37.1368814,22.9421015 C37.5465569,22.9421015 37.8785727,23.2742075 37.8785727,23.6837929 C37.8785727,34.125739 29.3834423,42.6209596 18.941406,42.6209596 Z" id="Shape" fill="#365558"> </path> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
fundamentals/html/svg
Created with Sketch.
100%
Download SVG
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
4.58 KB
1.52 KB
-67%
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/html/svg</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="fundamentals/html/svg" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <rect id="Mask" stroke="#2B4446" stroke-width="2" fill="#FFFFFF" fill-rule="nonzero" x="1" y="1" width="71" height="71" rx="14"> </rect> <g id="vector" transform="translate(18.000000, 13.000000)" fill-rule="nonzero"> <path d="M25.0885236,0.240736251 C24.9479964,0.0873108619 24.7496529,0 24.5416582,0 L13.6275298,0 C13.4212489,0 13.2242583,0.0859579044 13.0839115,0.237128364 C12.9435647,0.388298823 12.8724893,0.591152262 12.887913,0.796801812 L13.9496239,15.0367704 C13.978487,15.4238967 14.3010321,15.7232611 14.6893309,15.7232611 L23.2926077,15.7232611 C23.6771183,15.7232611 23.9978594,15.4294889 24.031503,15.0463313 L25.2806436,0.80645291 C25.298683,0.599360204 25.2290508,0.393981245 25.0885236,0.240736251 Z" id="Shape" fill="#4ACFD9"> </path> <path d="M24.0252794,14.8671096 L13.8575326,14.8671096 L11.8797793,27.5248394 C11.8560574,27.6770923 11.8802302,27.8330432 11.9492311,27.9710448 L18.1998049,40.4721022 L18.1998049,25.9641578 C17.4481918,25.6673189 16.9142246,24.9351884 16.9142246,24.0793075 C16.9142246,22.9614939 17.8235925,22.052126 18.941406,22.052126 C20.0592195,22.052126 20.9685874,22.9614939 20.9685874,24.0793075 C20.9685874,24.9351884 20.4347104,25.6672287 19.6830071,25.9641578 L19.6830071,40.4721022 L25.9335809,27.9710448 C26.0024916,27.8332236 26.0267546,27.6771824 26.0030327,27.5248394 L24.0252794,14.8671096 Z" id="Shape" fill="#FFD1A9"> </path> <path d="M13.6275298,0 C13.4212489,0 13.2242583,0.0859579044 13.0839115,0.237128364 C12.9435647,0.388298823 12.8724893,0.591152262 12.887913,0.796801812 L13.9496239,15.0367704 C13.978487,15.4238967 14.3010321,15.7232611 14.6893309,15.7232611 L18.9414962,15.7232611 L18.9414962,0 L13.6275298,0 Z" id="Shape" fill="#0295AA"> </path> <path d="M13.8575326,14.8671096 L11.8797793,27.5248394 C11.8560574,27.6770923 11.8802302,27.8330432 11.9492311,27.9710448 L18.1998049,40.4721022 L18.1998049,25.9641578 C17.4481918,25.6673189 16.9142246,24.9351884 16.9142246,24.0793075 C16.9142246,22.9614939 17.8235925,22.052126 18.941406,22.052126 L18.941406,14.8671096 L13.8575326,14.8671096 Z" id="Shape" fill="#FF8C29"> </path> <path d="M29.6213825,44.2031984 L8.26142952,44.2031984 C7.85175397,44.2031984 7.51973818,43.8710924 7.51973818,43.4615071 C7.51973818,43.0519217 7.85166377,42.7198157 8.26142952,42.7198157 L29.6213825,42.7198157 C30.031058,42.7198157 30.3630738,43.0519217 30.3630738,43.4615071 C30.3630738,43.8710924 30.031058,44.2031984 29.6213825,44.2031984 Z" id="Shape" fill="#9BAAAB"> </path> <g id="Group" transform="translate(3.517690, 40.678924)" fill="#F0353D"> <path d="M4.74373984,0.06313802 L0.788233081,0.06313802 C0.378557528,0.06313802 0.0465417405,0.395244005 0.0465417405,0.804829361 L0.0465417405,4.76033612 C0.0465417405,5.16992147 0.378467331,5.50202746 0.788233081,5.50202746 L4.74373984,5.50202746 C5.15341539,5.50202746 5.48543118,5.16992147 5.48543118,4.76033612 L5.48543118,0.804829361 C5.48543118,0.395244005 5.15341539,0.06313802 4.74373984,0.06313802 Z" id="Shape"> </path> <path d="M30.0591995,0.06313802 L26.1036928,0.06313802 C25.6940172,0.06313802 25.3620015,0.395244005 25.3620015,0.804829361 L25.3620015,4.76033612 C25.3620015,5.16992147 25.693927,5.50202746 26.1036928,5.50202746 L30.0591995,5.50202746 C30.4688751,5.50202746 30.8008909,5.16992147 30.8008909,4.76033612 L30.8008909,0.804829361 C30.8008909,0.395244005 30.4688751,0.06313802 30.0591995,0.06313802 Z" id="Shape"> </path> </g> <path d="M18.941406,42.6209596 C8.49936966,42.6209596 0.00423926706,34.125739 0.00423926706,23.6837929 C0.00423926706,23.2742075 0.336164858,22.9421015 0.745930608,22.9421015 C1.15569636,22.9421015 1.48762195,23.2742075 1.48762195,23.6837929 C1.48762195,33.3078311 9.31745801,41.1375769 18.941406,41.1375769 C28.565354,41.1375769 36.3951901,33.3077409 36.3951901,23.6837929 C36.3951901,23.2742075 36.7271156,22.9421015 37.1368814,22.9421015 C37.5465569,22.9421015 37.8785727,23.2742075 37.8785727,23.6837929 C37.8785727,34.125739 29.3834423,42.6209596 18.941406,42.6209596 Z" id="Shape" fill="#365558"> </path> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
fundamentals/html/svg
Created with Sketch.
100%
Download SVG