Streaming live at 10am (PST)

Inline SVG code


#1

Hello everyone.

I'm trying to insert SVG code directly into the embed component but it says it's limited to 1000 characters. This is a fairly complex image and it takes way over that 1000 characters limitation. Is there a workaround? Inserting the SVG as an image is not a viable option, because I need to be able to control its properties via CSS.

Thanks!


#2

Hi @zehfred, thanks for the question. The embed limits were raised to 10,000 characters, so the 1000 characters should be no problem.

Could you help to share the svg code you are trying to use?


#3

Hello @cyberdave,

The code I'm trying to use is this:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 517 166" class="logo-goliardos">
  <g fill="none" fill-rule="evenodd">
    <path fill="#B02032" d="M109.282,119.446 L103.981,116.843 C112.044,114.588 119.062,110.936 125.034,105.878 C130.05,101.629 132.987,96.929 133.848,91.769 C134.761,86.672 133.255,81.597 129.321,76.539 C125.42,71.915 120.289,69.756 113.93,70.057 C111.059,70.228 108.282,70.842 105.597,71.897 C103.042,72.959 100.508,74.523 98.002,76.585 C91.232,81.891 88.05,89.189 88.456,98.471 L88.649,99.698 L89.077,101.591 C83.037,92.905 85.15,83.581 95.414,73.608 C101.03,67.912 107.417,64.971 114.578,64.789 C122.315,64.336 128.541,67.287 133.25,73.645 C142.137,85.2 139.633,97.02 125.738,109.099 C120.814,113.379 115.328,116.828 109.282,119.446 Z"/>
    <path fill="#FFFFFF" d="M338.2 55.633C336.745 56.553 335.374 57.607 334.084 58.79L332.752 58.788C327.141 58.788 322.847 61.901 319.867 68.126 317.497 73.035 316.315 78.554 316.315 84.695L316.315 109.148C316.315 113.361 317.763 116.032 320.655 117.171 321.795 117.697 324.995 118.182 330.253 118.619L330.253 121.774C327.799 121.774 323.855 121.599 318.42 121.249 313.074 120.811 309.039 120.589 306.322 120.589 304.219 120.589 301.064 120.811 296.857 121.249L294.169 121.459 294.169 117.75C296.325 117.218 297.924 116.453 298.962 115.464 300.889 113.537 301.853 109.765 301.853 104.156L301.853 68.258C301.853 64.049 300.405 61.287 297.515 59.973 295.673 59.184 291.803 60.118 286.896 60.118L286.896 56.962C289.611 56.962 293.251 56.292 298.962 56.292 304.065 56.292 307.944 56.949 310.662 56.949L310.662 64.443C315.397 58.57 322.76 55.633 332.752 55.633L338.2 55.633zM290.692 121.536C289.312 121.431 287.751 121.287 286.01 121.108 281.887 120.667 278.774 120.45 276.675 120.45 273.166 120.45 268.346 120.975 262.207 122.026 256.161 123.079 251.734 123.604 248.926 123.604 238.059 123.604 228.854 120.495 221.319 114.27 213.253 107.605 209.222 98.972 209.222 88.366 209.222 78.019 212.156 70.001 218.031 64.302 223.99 58.514 232.189 55.622 242.616 55.622 245.688 55.622 250.506 56.061 257.079 56.939 263.743 57.728 268.78 58.122 272.201 58.122 275.007 58.122 276.583 57.901 281.67 57.464L281.67 59.962 281.67 61.804 281.67 71.27 282.324 105.987C282.413 110.281 283.288 113.305 284.953 115.058 286.208 116.256 288.12 117.084 290.692 117.537L290.692 121.536zM267.267 99.617L267.267 73.187C267.267 69.069 265.246 65.737 261.216 63.195 257.622 61.003 253.546 59.906 248.99 59.906 241.187 59.906 234.919 62.537 230.188 67.796 225.454 73.058 223.085 79.676 223.085 87.654 223.085 95.628 225.321 102.554 229.791 108.426 234.522 114.742 240.486 117.897 247.675 117.897 253.809 117.897 258.629 116.099 262.139 112.506 265.556 109.173 267.267 104.879 267.267 99.617zM144.356 73.3456L144.356 33.674C144.356 27.976 143.433 24.251 141.594 22.498 139.842 20.657 136.115 19.739 130.418 19.739L130.418 16.581C132.259 16.581 135.238 16.801 139.356 17.238 143.479 17.678 146.635 17.895 148.824 17.895 151.542 17.895 155.619 17.678 161.051 17.238 166.576 16.801 170.74 16.581 173.545 16.581L173.545 19.739C168.55 19.739 165.174 20.131 163.422 20.919 160.442 22.059 158.949 24.646 158.949 28.679L158.949 91.927C158.949 98.152 160.087 103.673 162.369 108.497 164.508 112.895 167.263 115.707 170.639 117.007L170.639 121.522C157.523 120.058 149.317 112.2751 146.019 98.169 144.298 103.4015 141.176 108.0469 136.654 112.106 129.38 118.592 120.615 121.922 110.357 122.097 100.104 122.272 91.162 119.208 83.539 112.895 78.8373 109.0525 75.4925 104.6138 73.503 99.5776L73.503 115.16C73.503 143.037 62.503 156.975 40.5 156.975L41.155 153.161C46.855 153.161 51.282 149.872 54.437 143.3 56.979 138.126 58.251 132.343 58.251 125.942L58.251 115.819C51.587 118.71 45.495 120.155 39.974 120.155 29.191 120.155 19.987 117.049 12.363 110.82 4.122 104.072 0 95.394 0 84.787 0 74.618 3.028 66.597 9.075 60.723 15.212 54.762 23.362 51.783 33.531 51.783 36.949 51.783 42.035 52.219 48.783 53.095 55.531 53.884 60.617 54.28 64.035 54.28 66.489 54.28 70.302 54.105 75.476 53.754 80.646 53.314 84.636 53.095 87.439 53.095L87.439 56.252C82.528 56.252 79.156 56.821 77.313 57.962 74.772 59.627 73.503 62.828 73.503 67.561L73.503 75.3972C75.3785 70.6428 78.4587 66.4425 82.746 62.796 89.935 56.748 98.527 53.635 108.517 53.459 118.511 53.285 127.232 56.09 134.685 61.875 138.978 65.2 142.202 69.0233 144.356 73.3456zM129.293 71.081C127.104 67.311 123.945 64.287 119.825 62.007 115.794 59.64 111.588 58.456 107.203 58.456 100.806 58.456 95.499 61.087 91.292 66.345 87.173 71.607 85.112 77.831 85.112 85.018 85.112 93.522 87.565 100.882 92.477 107.108 97.651 113.771 104.048 117.102 111.672 117.102 118.861 117.102 124.516 114.431 128.638 109.082 132.319 104.17 134.158 97.995 134.158 90.542 134.158 83.528 132.536 77.041 129.293 71.081zM58.251 96.095L58.251 69.533C58.251 65.413 56.277 62.168 52.334 59.804 48.916 57.873 44.969 56.911 40.5 56.911 32.434 56.911 25.992 59.452 21.171 64.537 16.352 69.533 13.94 76.064 13.94 84.127 13.94 92.193 16.173 99.165 20.646 105.036 25.465 111.35 31.688 114.504 39.315 114.504 45.19 114.504 49.793 112.835 53.122 109.505 56.54 106.088 58.251 101.619 58.251 96.095z"/>
    <path fill="#FFFFFF" d="M174.116 121.76L174.116 117.796C174.533 117.834 174.954 117.848 175.384 117.848L175.493 117.848C178.48 117.642 180.643 117.154 181.989 116.383 184.531 114.897 185.803 111.826 185.803 107.178L185.803 68.52C185.803 64.226 184.442 61.42 181.726 60.106 180.061 59.317 176.772 58.92 171.866 58.92L171.866 55.108C180.534 55.545 187.717 55.985 193.41 56.421 193.472 56.393 200.665 55.957 214.995 55.108L214.995 58.92C209.38 58.92 205.657 59.931 203.817 61.946 201.976 63.875 201.055 67.731 201.055 73.519L201.055 101.527C201.055 107.925 201.8 112.177 203.291 114.28 205.13 116.734 209.032 117.96 214.995 117.96L214.995 121.774C212.625 121.774 209.25 121.557 204.869 121.119 200.575 120.681 197.419 120.459 195.4 120.459 192.596 120.459 188.564 120.681 183.304 121.119 179.879 121.41 177.579 121.687 175.354 121.785L174.116 121.76zM398.474 97.3594L398.474 106.127C398.474 110.687 399.788 113.711 402.418 115.202 404.257 116.253 407.5 116.779 412.147 116.779L412.147 119.934C409.428 119.934 405.484 119.713 400.313 119.279 395.229 118.84 391.459 118.619 389.006 118.619 386.377 118.619 382.475 119.145 377.306 120.197 372.219 121.249 368.188 121.774 365.208 121.774 353.462 121.774 344.127 118.577 337.201 112.177 330.012 105.601 326.422 96.487 326.422 84.829 326.422 75.62 329.485 68.171 335.623 62.472 341.495 56.949 349.076 54.189 358.369 54.189 368.188 54.189 376.513 56.686 383.352 61.685L383.352 32.492C383.352 26.795 382.431 22.936 380.59 20.919 378.837 18.904 375.201 17.765 369.677 17.502L369.677 14.345C379.495 14.872 386.552 15.09 390.846 15.002 393.213 15.002 400.313 14.784 412.147 14.345L412.147 17.502C407.149 17.94 403.949 18.466 402.546 19.079 399.83 20.394 398.474 22.981 398.474 26.839L398.474 76.9607C400.239 71.4205 403.545 66.589 408.391 62.465 415.58 56.416 424.171 53.304 434.165 53.13 444.155 52.953 452.876 55.759 460.328 61.544 463.967 64.3618 466.838 67.538 468.94 71.0721 469.073 65.4268 471.613 61.0275 476.558 57.873 481.027 54.979 486.593 53.532 493.258 53.532 500.531 53.532 506.49 55.108 511.138 58.266 512.015 65.0148 512.452 69.4437 512.452 71.545L510.479 71.545C508.642 67.427 505.746 64.097 501.803 61.553 497.943 59.012 494.133 57.74 490.365 57.74 483.613 57.74 480.238 61.29 480.238 68.389 480.238 74.088 483.396 78.34 489.706 81.144 495.58 83.423 501.452 85.706 507.324 87.983 513.637 91.401 516.792 96.62 516.792 103.631 516.792 109.505 514.033 114.105 508.509 117.435 503.685 120.33 497.682 121.774 490.495 121.774 482.692 121.774 476.337 120.155 471.43 116.909 471.255 114.196 470.861 109.765 470.245 103.631L472.744 103.631C474.585 107.752 477.697 111.125 482.079 113.754 486.109 116.211 490.19 117.435 494.309 117.435 501.759 117.435 505.483 113.888 505.483 106.786 505.483 102.492 502.329 99.204 496.016 96.925 485.412 93.157 479.537 90.92 478.398 90.22 476.325 88.9231 474.592 87.3801 473.201 85.5912 473.205 85.684 473.21 85.7769 473.214 85.87 473.651 96.214 470.014 104.851 462.301 111.777 455.024 118.262 446.262 121.592 436.005 121.767 425.748 121.942 416.807 118.875 409.183 112.563 403.903 108.2495 400.334 103.1808 398.474 97.3594zM383.352 99.291L383.352 68.521C378.794 62.735 372.748 59.843 365.208 59.843 357.843 59.843 351.927 62.824 347.457 68.785 343.423 74.218 341.408 80.84 341.408 88.643 341.408 96.354 343.334 102.839 347.193 108.1 351.4 113.888 357.186 116.779 364.549 116.779 377.084 116.779 383.352 110.949 383.352 99.291zM454.938 70.751C452.746 66.98 449.592 63.956 445.47 61.676 441.438 59.31 437.231 58.125 432.846 58.125 426.449 58.125 421.146 60.756 416.936 66.016 412.82 71.275 410.759 77.499 410.759 84.688 410.759 93.192 413.214 100.553 418.121 106.779 423.296 113.438 429.692 116.772 437.316 116.772 444.505 116.772 450.16 114.097 454.281 108.752 457.963 103.841 459.802 97.662 459.802 90.213 459.802 83.199 458.18 76.71 454.938 70.751zM98.206 23.545C98.3864 30.623 95.8181 36.547 90.503 41.321 85.378 45.892 79.202 48.237 71.978 48.359 64.753 48.484 58.454 46.323 53.08 41.876 47.335 37.184 44.468 31.222 44.468 23.998 44.468 16.957 47.152 11.152 52.523 6.583 57.588 2.32 63.642.128 70.681.006 77.719-.119 83.864 1.858 89.115 5.933 91.3581 7.67 93.1867 9.601 94.6007 11.725 94.909 8.142 96.6839 5.315 99.926 3.248 103.074 1.209 106.996.189 111.689.189 116.815.189 121.014 1.3 124.288 3.524 124.904 8.28 125.213 11.399 125.213 12.88L123.822 12.88C122.528 9.979 120.488 7.633 117.709 5.841 114.991 4.05 112.307 3.155 109.649 3.155 104.896 3.155 102.52 5.656 102.52 10.658 102.52 14.671 104.742 17.667 109.187 19.644 113.327 21.249 117.462 22.854 121.599 24.46 126.047 26.869 128.27 30.543 128.27 35.484 128.27 39.623 126.324 42.865 122.433 45.211 119.037 47.248 114.806 48.268 109.745 48.268 104.248 48.268 99.771 47.126 96.312 44.84 96.189 42.926 95.912 39.806 95.477 35.484L97.237 35.484C98.534 38.389 100.729 40.765 103.813 42.618 106.656 44.348 109.527 45.211 112.429 45.211 117.68 45.211 120.303 42.711 120.303 37.708 120.303 34.682 118.079 32.366 113.635 30.761 106.162 28.104 102.026 26.53 101.219 26.034 100.065 25.313 99.0604 24.483 98.206 23.545zM85.315 12.419C83.773 9.762 81.547 7.633 78.648 6.026 75.805 4.358 72.843 3.524 69.755 3.524 65.248 3.524 61.511 5.377 58.545 9.083 55.643 12.789 54.192 17.174 54.192 22.238 54.192 28.228 55.919 33.416 59.379 37.802 63.025 42.495 67.529 44.84 72.903 44.84 77.968 44.84 81.95 42.958 84.853 39.191 87.447 35.731 88.744 31.377 88.744 26.128 88.744 21.188 87.601 16.619 85.315 12.419z"/>
    <text fill="#B02032" font-family="Lato-Bold, Lato" font-size="26" font-weight="bold" letter-spacing="1.5">vinhos de terroir europeus</text>
  </g>
</svg>

Unfortunately, it's still way over 10000 characters (10718 to be precise). :frowning:

Thanks.


#4

This topic was automatically closed after 60 days. New replies are no longer allowed.