// 1430byte
<?xml version="1.0" encoding="utf-8"?>
<svg contentScriptType="text/ecmascript"
xmlns:xlink="http://www.w3.org/1999/xlink"
zoomAndPan="magnify"
contentStyleType="text/css"
viewBox="-15.0 -15.0 286.0 286.0"
xmlns:cacoo="http://cacoo.com/"
preserveAspectRatio="xMidYMin meet"
xmlns="http://www.w3.org/2000/svg"
version="1.1">
<g>
<g transform="translate(0.0 0.0)">
<g transform="translate(0.0 0.0)">
<path fill="#000000" fill-opacity="1.0" d="M256.0 256.0 L0.0 256.0 L0.0 0.0 L256.0 0.0 L256.0 256.0z" stroke="none"/>
<g transform="translate(1.0 1.0)">
<defs>
<clipPath id="id0">
<path d="M0 0 L254.0 0 L254.0 254.0 L0 254.0z"/>
</clipPath>
</defs>
<text font-size="90" clip-path="url(#id0)" text-decoration="none" fill="#ffffff" font-family="Helvetica" font-style="normal" font-weight="bold"/>
</g>
</g>
<g transform="translate(39.0 155.0)">
<defs>
<clipPath id="id1">
<path d="M0 0 L210.0 0 L210.0 95.0 L0 95.0z"/>
</clipPath>
</defs>
<text font-size="90" clip-path="url(#id1)" text-decoration="none" fill="#ffffff" font-family="Helvetica" font-style="normal" font-weight="bold">
<tspan x="5.0" xml:space="preserve" y="78.75" textLength="200.0">Jack</tspan>
</text>
</g>
</g>
</g>
</svg>
// 638byte
<svg contentScriptType="text/ecmascript"
viewBox="-15.0 -15.0 286.0 286.0"
preserveAspectRatio="xMidYMin meet"
xmlns="http://www.w3.org/2000/svg">
<path d="M256 256H0V0h256v256z"/>
<defs transform="translate(1 1)">
<clipPath id="a">
<path d="M0 0h254v254H0z"/>
</clipPath>
</defs>
<g transform="translate(39 155)">
<defs>
<clipPath id="b">
<path d="M0 0h210v95H0z"/>
</clipPath>
</defs>
<text font-size="90" clip-path="url(#b)" fill="#fff" font-family="Helvetica" font-weight="bold">
<tspan x="5" y="78.75" textLength="200">Jack</tspan>
</text>
</g>
</svg>
// 3019byte <svg width="600" height="600" viewBox="0 0 600 600" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="600" height="600" fill="#000"/> <path fill="#fff" d="M193.945 500.738V400.055H224.023V500.25C224.023 512.49 221.908 522.19 217.676 529.352C210.514 541.461 197.591 547.516 178.906 547.516C160.221 547.516 147.689 542.633 141.309 532.867C134.928 523.036 131.738 509.658 131.738 492.73V489.41H160.156V492.73C160.417 503.863 161.621 511.708 163.77 516.266C165.983 520.758 170.671 523.004 177.832 523.004C184.928 523.004 189.616 520.53 191.895 515.582C193.262 512.652 193.945 507.704 193.945 500.738ZM255.664 449.078C263.021 439.703 275.651 435.016 293.555 435.016C305.208 435.016 315.56 437.327 324.609 441.949C333.659 446.572 338.184 455.296 338.184 468.121V516.949C338.184 520.335 338.249 524.436 338.379 529.254C338.574 532.9 339.128 535.374 340.039 536.676C340.951 537.978 342.318 539.052 344.141 539.898V544H313.867C313.021 541.852 312.435 539.833 312.109 537.945C311.784 536.057 311.523 533.909 311.328 531.5C307.487 535.667 303.06 539.215 298.047 542.145C292.057 545.595 285.286 547.32 277.734 547.32C268.099 547.32 260.124 544.586 253.809 539.117C247.559 533.583 244.434 525.771 244.434 515.68C244.434 502.594 249.479 493.121 259.57 487.262C265.104 484.072 273.242 481.793 283.984 480.426L293.457 479.254C298.6 478.603 302.279 477.789 304.492 476.812C308.464 475.12 310.449 472.483 310.449 468.902C310.449 464.54 308.919 461.546 305.859 459.918C302.865 458.225 298.438 457.379 292.578 457.379C286.003 457.379 281.348 459.007 278.613 462.262C276.66 464.671 275.358 467.926 274.707 472.027H247.852C248.438 462.717 251.042 455.068 255.664 449.078ZM276.367 523.883C278.971 526.031 282.161 527.105 285.938 527.105C291.927 527.105 297.428 525.348 302.441 521.832C307.52 518.316 310.156 511.904 310.352 502.594V492.242C308.594 493.349 306.803 494.26 304.98 494.977C303.223 495.628 300.781 496.246 297.656 496.832L291.406 498.004C285.547 499.046 281.348 500.315 278.809 501.812C274.512 504.352 272.363 508.29 272.363 513.629C272.363 518.382 273.698 521.799 276.367 523.883ZM455.078 475.738H426.562C426.042 471.767 424.707 468.186 422.559 464.996C419.434 460.699 414.583 458.551 408.008 458.551C398.633 458.551 392.22 463.206 388.77 472.516C386.947 477.464 386.035 484.039 386.035 492.242C386.035 500.055 386.947 506.337 388.77 511.09C392.09 519.944 398.34 524.371 407.52 524.371C414.03 524.371 418.652 522.613 421.387 519.098C424.121 515.582 425.781 511.025 426.367 505.426H454.785C454.134 513.889 451.074 521.897 445.605 529.449C436.882 541.624 423.958 547.711 406.836 547.711C389.714 547.711 377.116 542.633 369.043 532.477C360.97 522.32 356.934 509.137 356.934 492.926C356.934 474.632 361.393 460.406 370.312 450.25C379.232 440.094 391.536 435.016 407.227 435.016C420.573 435.016 431.478 438.01 439.941 444C448.47 449.99 453.516 460.569 455.078 475.738ZM571.973 544H538.379L512.891 498.492L501.367 510.504V544H474.023V400.543H501.367V478.082L536.035 438.043H570.508L533.301 478.766L571.973 544Z"/> </svg>
// 7866byte <svg width="600" height="600" viewBox="0 0 600 600" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="0" y="0" width="100" height="100" fill="#fff"/> <rect x="100" y="0" width="100" height="100" fill="#000"/> <rect x="200" y="0" width="100" height="100" fill="#999"/> <rect x="300" y="0" width="100" height="100" fill="#666"/> <rect x="400" y="0" width="100" height="100" fill="#fff"/> <rect x="500" y="0" width="100" height="100" fill="#666"/> <rect x="0" y="100" width="100" height="100" fill="#666"/> <rect x="100" y="100" width="100" height="100" fill="#fff"/> <rect x="200" y="100" width="100" height="100" fill="#666"/> <rect x="300" y="100" width="100" height="100" fill="#000"/> <rect x="400" y="100" width="100" height="100" fill="#ccc"/> <rect x="500" y="100" width="100" height="100" fill="#fff"/> <rect x="0" y="200" width="100" height="100" fill="#999"/> <rect x="100" y="200" width="100" height="100" fill="#666"/> <rect x="200" y="200" width="100" height="100" fill="#999"/> <rect x="300" y="200" width="100" height="100" fill="#fff"/> <rect x="400" y="200" width="100" height="100" fill="#666"/> <rect x="500" y="200" width="100" height="100" fill="#000"/> <rect x="0" y="300" width="100" height="100" fill="#333"/> <rect x="100" y="300" width="100" height="100" fill="#fff"/> <rect x="200" y="300" width="100" height="100" fill="#333"/> <rect x="300" y="300" width="100" height="100" fill="#666"/> <rect x="400" y="300" width="100" height="100" fill="#fff"/> <rect x="500" y="300" width="100" height="100" fill="#ccc"/> <rect x="0" y="400" width="100" height="100" fill="#fff"/> <rect x="100" y="400" width="100" height="100" fill="#999"/> <rect x="200" y="400" width="400" height="100" fill="#fff"/> <path fill="#333" d="M254.189 446.998C253.369 445.198 251.763 444.298 249.37 444.298C246.59 444.298 244.722 445.198 243.765 446.998C243.241 448.023 242.979 449.55 242.979 451.578V474H233.101V436.812H242.568V442.247C243.776 440.31 244.915 438.932 245.986 438.111C247.878 436.653 250.327 435.924 253.335 435.924C256.183 435.924 258.485 436.55 260.239 437.804C261.652 438.966 262.723 440.458 263.452 442.281C264.728 440.094 266.312 438.487 268.203 437.462C270.208 436.437 272.441 435.924 274.902 435.924C276.543 435.924 278.161 436.243 279.756 436.881C281.351 437.519 282.798 438.635 284.097 440.23C285.145 441.529 285.851 443.124 286.216 445.016C286.444 446.269 286.558 448.103 286.558 450.519L286.489 474H276.509V450.279C276.509 448.867 276.281 447.704 275.825 446.793C274.959 445.061 273.364 444.195 271.04 444.195C268.351 444.195 266.494 445.312 265.469 447.545C264.945 448.73 264.683 450.154 264.683 451.817V474H254.873V451.817C254.873 449.607 254.645 448.001 254.189 446.998ZM326.616 441.461C329.761 445.403 331.333 450.063 331.333 455.44C331.333 460.909 329.761 465.592 326.616 469.488C323.472 473.362 318.698 475.299 312.295 475.299C305.892 475.299 301.118 473.362 297.974 469.488C294.829 465.592 293.257 460.909 293.257 455.44C293.257 450.063 294.829 445.403 297.974 441.461C301.118 437.519 305.892 435.548 312.295 435.548C318.698 435.548 323.472 437.519 326.616 441.461ZM312.261 443.785C309.412 443.785 307.214 444.799 305.664 446.827C304.137 448.832 303.374 451.703 303.374 455.44C303.374 459.177 304.137 462.06 305.664 464.088C307.214 466.116 309.412 467.13 312.261 467.13C315.109 467.13 317.297 466.116 318.823 464.088C320.35 462.06 321.113 459.177 321.113 455.44C321.113 451.703 320.35 448.832 318.823 446.827C317.297 444.799 315.109 443.785 312.261 443.785ZM367.085 474H334.922V466.412L354.028 444.674H336.221V436.744H366.436V444.845L347.534 466.002H367.085V474ZM374.741 440.777C377.316 437.496 381.737 435.855 388.003 435.855C392.082 435.855 395.705 436.664 398.872 438.282C402.039 439.9 403.623 442.953 403.623 447.442V464.532C403.623 465.717 403.646 467.153 403.691 468.839C403.76 470.115 403.953 470.981 404.272 471.437C404.591 471.892 405.07 472.268 405.708 472.564V474H395.112C394.816 473.248 394.611 472.542 394.497 471.881C394.383 471.22 394.292 470.468 394.224 469.625C392.879 471.083 391.33 472.325 389.575 473.351C387.479 474.558 385.109 475.162 382.466 475.162C379.093 475.162 376.302 474.205 374.092 472.291C371.904 470.354 370.811 467.62 370.811 464.088C370.811 459.508 372.576 456.192 376.108 454.142C378.045 453.025 380.894 452.228 384.653 451.749L387.969 451.339C389.769 451.111 391.056 450.826 391.831 450.484C393.221 449.892 393.916 448.969 393.916 447.716C393.916 446.189 393.381 445.141 392.31 444.571C391.261 443.979 389.712 443.683 387.661 443.683C385.36 443.683 383.73 444.252 382.773 445.392C382.09 446.235 381.634 447.374 381.406 448.81H372.007C372.212 445.551 373.123 442.874 374.741 440.777ZM381.987 466.959C382.899 467.711 384.015 468.087 385.337 468.087C387.433 468.087 389.359 467.472 391.113 466.241C392.891 465.011 393.813 462.766 393.882 459.508V455.885C393.267 456.272 392.64 456.591 392.002 456.842C391.387 457.07 390.532 457.286 389.438 457.491L387.251 457.901C385.2 458.266 383.73 458.71 382.842 459.234C381.338 460.123 380.586 461.502 380.586 463.37C380.586 465.034 381.053 466.23 381.987 466.959ZM422.319 436.744V474H412.441V436.744H422.319ZM422.319 423.312V432.301H412.441V423.312H422.319ZM464.019 450.108H454.038C453.856 448.718 453.389 447.465 452.637 446.349C451.543 444.845 449.845 444.093 447.544 444.093C444.263 444.093 442.018 445.722 440.811 448.98C440.173 450.712 439.854 453.014 439.854 455.885C439.854 458.619 440.173 460.818 440.811 462.481C441.973 465.58 444.16 467.13 447.373 467.13C449.652 467.13 451.27 466.515 452.227 465.284C453.184 464.054 453.765 462.459 453.97 460.499H463.916C463.688 463.461 462.617 466.264 460.703 468.907C457.65 473.168 453.127 475.299 447.134 475.299C441.141 475.299 436.732 473.521 433.906 469.967C431.081 466.412 429.668 461.798 429.668 456.124C429.668 449.721 431.229 444.742 434.351 441.188C437.472 437.633 441.779 435.855 447.271 435.855C451.942 435.855 455.758 436.904 458.721 439C461.706 441.096 463.472 444.799 464.019 450.108ZM470.581 463.814H480.938V474H470.581V463.814ZM507.7 423.312V431.241C507.153 431.173 506.23 431.127 504.932 431.104C503.656 431.059 502.767 431.344 502.266 431.959C501.787 432.551 501.548 433.212 501.548 433.941V437.086H507.939V443.956H501.548V474H491.841V443.956H486.406V437.086H491.738V434.693C491.738 430.706 492.41 427.96 493.755 426.456C495.168 424.223 498.574 423.106 503.975 423.106C504.59 423.106 505.148 423.129 505.649 423.175C506.151 423.198 506.834 423.243 507.7 423.312ZM534.463 446.998C533.643 445.198 532.036 444.298 529.644 444.298C526.864 444.298 524.995 445.198 524.038 446.998C523.514 448.023 523.252 449.55 523.252 451.578V474H513.374V436.812H522.842V442.247C524.049 440.31 525.189 438.932 526.26 438.111C528.151 436.653 530.601 435.924 533.608 435.924C536.457 435.924 538.758 436.55 540.513 437.804C541.925 438.966 542.996 440.458 543.726 442.281C545.002 440.094 546.585 438.487 548.477 437.462C550.482 436.437 552.715 435.924 555.176 435.924C556.816 435.924 558.434 436.243 560.029 436.881C561.624 437.519 563.071 438.635 564.37 440.23C565.418 441.529 566.125 443.124 566.489 445.016C566.717 446.269 566.831 448.103 566.831 450.519L566.763 474H556.782V450.279C556.782 448.867 556.554 447.704 556.099 446.793C555.233 445.061 553.638 444.195 551.313 444.195C548.625 444.195 546.768 445.312 545.742 447.545C545.218 448.73 544.956 450.154 544.956 451.817V474H535.146V451.817C535.146 449.607 534.919 448.001 534.463 446.998Z"/> <rect x="0" y="500" width="100" height="100" fill="#999"/> <rect x="100" y="500" width="100" height="100" fill="#fff"/> <rect x="200" y="500" width="100" height="100" fill="#ccc"/> <rect x="300" y="500" width="100" height="100" fill="#666"/> <rect x="400" y="500" width="100" height="100" fill="#999"/> <rect x="500" y="500" width="100" height="100" fill="#000"/> </svg>
// 318byte <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"> <path stroke="white" stroke-width="8" fill="none" stroke-linecap="round" d=" M 36 36 L 64 64 M 64 36 L 36 64 " /> <circle cx="50" cy="50" r="48" fill="none" stroke="white" stroke-width="4" /> </svg>
// 321byte <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"> <path stroke="white" stroke-width="8" fill="none" stroke-linecap="round" d=" M 50 30 L 50 70 M 30 50 L 70 50 "/> <circle cx="50" cy="50" r="46" fill="none" stroke="white" stroke-width="6"></circle> </svg>
// 642byte <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"> <path fill="white" d=" M 12 2 L 12 12 L 16 12 Q 20,12 20,15 L 20 98 L 34 98 L 34 70 Q 35,47 54,47 Q 62,47 62,57 L 62 66 C 62,63 72,58 72,69 C 71,80 62,79 62,74 L 62 91 Q 62,98 65,98 L 87 98 L 87 84 L 82 84 L 80 84 Q 77,84 77,79 L 77 55 C 73,21 29,37 34,52 L 34 8 Q 34,2 29,2 L 12 2 Z "/> <circle fill="white" cx="45" cy="58" r="4" /> <circle fill="white" cx="55" cy="60" r="4" /> <path fill="white" d=" M 40 65 Q 40,81 44,80 Q 51,79 57,68 Q 43,74 40,66 Z "/> </svg>
// 295byte
<?xml version="1.0" encoding="utf-8"?>
<svg class="svg-play" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
<!-- > -->
<path
fill="#fff"
stroke="#fff"
stroke-linejoin="round"
stroke-width="30"
d="
M 70 30
L 250 150
L 70 270
Z
"/>
</svg>
// 388byte
<?xml version="1.0" encoding="utf-8"?>
<svg class="svg-pause" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
<!-- ||(pause) -->
<path
fill="#fff"
stroke="#fff"
stroke-linejoin="round"
stroke-width="30"
d="
M 40 30
L 110 30
L 110 270
L 40 270
Z
M 260 30
L 260 270
L 190 270
L 190 30
Z
"/>
</svg>
// 662byte
<?xml version="1.0" encoding="utf-8"?>
<svg class="svg-back" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
<!-- back -->
<circle
cx="150"
cy="150"
r="110"
stroke="#fff"
stroke-width="21"
stroke-dashoffset="0"
stroke-dasharray="449,66"
fill="transparent">
</circle>
<text
x="150"
y="150"
fill="#fff"
font-size="110"
font-weight="bold"
font-family="sans-serif"
text-anchor="middle"
dominant-baseline="central">10</text>
<path stroke="#fff"
stroke-width="1"
fill="#fff"
d="
M 160 5
L 160 80
L 100 40
Z
"/>
</svg>
// 637byte
<?xml version="1.0" encoding="utf-8"?>
<svg class="svg-forward" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
<!-- forward -->
<circle
cx="150"
cy="150"
r="110"
stroke="#fff"
stroke-width="21"
stroke-dashoffset="0"
stroke-dasharray="518,70"
fill="transparent">
</circle>
<text
x="150"
y="150"
fill="#fff"
font-size="110"
font-weight="bold"
font-family="sans-serif"
text-anchor="middle"
dominant-baseline="central">30</text>
<path stroke="#fff"
stroke-width="1"
fill="#fff"
d="
M 140 5
L 140 80
L 200 40
Z
"/>
</svg>
// 563byte
<?xml version="1.0" encoding="utf-8"?>
<svg class="svg-volume-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
<!-- volume down -->
<path
fill="#fff"
stroke="#fff"
stroke-linejoin="round"
stroke-width="30"
d="
M 30 100
L 90 100
L 140 50
L 140 250
L 90 200
L 30 200
Z
"/>
<circle
cx="170"
cy="150"
r="30"
stroke="#fff"
stroke-width="18"
stroke-linecap="round"
stroke-dashoffset="85"
stroke-dasharray="124,110"
fill="transparent">
</circle>
</svg>
// 978byte
<?xml version="1.0" encoding="utf-8"?>
<svg class="svg-volume-up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
<!-- volume up -->
<path
fill="#fff"
stroke="#fff"
stroke-linejoin="round"
stroke-width="30"
d="
M 30 100
L 90 100
L 140 50
L 140 250
L 90 200
L 30 200
Z
"/>
<circle
cx="170"
cy="150"
r="30"
stroke="#fff"
stroke-width="18"
stroke-linecap="round"
stroke-dashoffset="85"
stroke-dasharray="124,110"
fill="transparent">
</circle>
<circle
cx="170"
cy="150"
r="70"
stroke="#fff"
stroke-width="18"
stroke-linecap="round"
stroke-dashoffset="96"
stroke-dasharray="176,279"
fill="transparent">
</circle>
<circle
cx="170"
cy="150"
r="110"
stroke="#fff"
stroke-width="18"
stroke-linecap="round"
stroke-dashoffset="64"
stroke-dasharray="185,448"
fill="transparent">
</circle>
</svg>
// 333byte <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"> <circle cx="127" cy="127" r="97" stroke="#fff" stroke-width="32" fill="transparent"> </circle> <line x1="200" y1="200" x2="275" y2="275" stroke-linecap="round" stroke-width="38" stroke="#fff" /> </svg>
// 375byte <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"> <path stroke="white" stroke-width="1" fill="white" d=" M 50 2 L 66 22 L 54 22 L 54 60 L 46 60 L 46 22 L 36 22 Z 50 2 "/> <path stroke="white" stroke-width="8" fill="none" d=" M 40 36 L 16 36 L 16 94 L 84 94 L 84 36 L 60 36 "/> </svg>
// 213byte <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"> <path fill="white" d=" M 50 2 L 10 60 L 40 50 L 40 98 L 60 98 L 60 50 L 90 60 Z "/> </svg>
// 934byte
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" font-size="150" font-weight="bold" font-family="monospace" fill="#ffffff">
<g transform="translate(0,0)">
<svg width="128" height="128">
<text x="50%" y="50%" dominant-baseline="central" text-anchor="middle" fill="white">A</text>
</svg>
</g>
<g transform="translate(128,0)">
<svg width="128" height="128">
<text x="50%" y="50%" dominant-baseline="central" text-anchor="middle" fill="white">2</text>
</svg>
</g>
<g transform="translate(0,128)">
<svg width="128" height="128">
<text x="50%" y="50%" dominant-baseline="central" text-anchor="middle" fill="white">H</text>
</svg>
</g>
<g transform="translate(128,128)">
<svg width="128" height="128">
<text x="50%" y="50%" dominant-baseline="central" text-anchor="middle" fill="white">S</text>
</svg>
</g>
</svg>
// 344byte <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"> <circle cx="0" cy="32" r="29" stroke="#fff" stroke-width="5" fill="transparent"></circle> <circle cx="0" cy="32" r="19" stroke="#fff" stroke-width="5" fill="transparent"></circle> <circle cx="5" cy="27" r="5" fill="#fff"></circle> </svg>
