Branches SVG background, flat

Free

Preview on the whole page

Thin twigs reach inward from both sides but stop short of the center. Set text inside them for a woodland wedding program or a tree identification handout.

Fixed colourcurrentColor becomes your colour

Inline styleOne style attribute per shape

Minified

branches trees woodland hand drawn background flat

How to use it

HTML <img>

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Qdj6Qw7Tw-FV/amnt.svg" alt="Branches" width="48" height="48">

Inline SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice"><rect width="1600" height="900" fill="#F3F1E9"/><g fill="none" stroke="#82918B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M0 169 C102 181 172 211 260 272 S380 340 473 355"/><path d="M102 189 C140 154 170 122 178 67 M177 216 C224 194 249 167 269 126 M281 286 C324 264 350 237 369 202 M352 323 C381 310 405 288 419 263"/><path d="M0 650 C86 629 159 607 242 575 S377 530 465 504"/><path d="M95 628 C132 654 156 686 173 737 M183 596 C211 614 239 644 252 680 M283 560 C310 579 336 603 350 638 M374 532 C404 547 427 565 446 591"/><path d="M0 818 C93 786 146 747 212 700 S314 633 384 612"/><path d="M127 759 C143 782 153 809 158 845 M224 692 C250 704 269 723 283 750 M316 635 C332 650 347 666 359 687"/><path d="M1600 142 C1513 166 1440 198 1364 253 S1243 329 1152 355"/><path d="M1511 165 C1478 137 1457 104 1447 64 M1435 201 C1406 174 1388 144 1378 110 M1350 263 C1324 238 1309 209 1303 178 M1259 316 C1237 293 1225 271 1218 242"/><path d="M1600 611 C1521 596 1451 574 1370 535 S1246 483 1145 470"/><path d="M1515 592 C1486 616 1466 647 1455 683 M1418 561 C1388 579 1368 607 1353 639 M1323 516 C1295 530 1275 551 1261 580 M1228 487 C1203 500 1187 517 1173 540"/><path d="M1600 819 C1527 789 1464 749 1390 700 S1273 632 1195 608"/><path d="M1512 778 C1496 800 1488 825 1483 854 M1413 715 C1391 731 1376 754 1367 778 M1301 646 C1283 665 1271 683 1265 705"/></g><g fill="none" stroke="#B7A99A" stroke-width="1.3" stroke-linecap="round"><path d="M21 174 59 149 M148 205 169 229 M226 247 245 222 M310 303 322 325 M422 349 438 334"/><path d="M49 639 68 664 M153 607 164 580 M258 569 268 544 M331 544 349 566 M428 513 438 491"/><path d="M151 745 137 721 M275 652 275 626 M349 623 366 610"/><path d="M1564 151 1539 132 M1463 188 1447 213 M1380 242 1369 219 M1290 302 1272 320 M1200 345 1188 328"/><path d="M1547 603 1529 626 M1464 580 1452 553 M1352 526 1338 548 M1264 495 1254 472 M1189 478 1173 495"/><path d="M1530 789 1550 773 M1444 735 1452 711 M1349 673 1367 658 M1248 626 1255 605"/></g></svg>

CSS background-image

.branches {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Qdj6Qw7Tw-FV/amnt.svg");
  background-size: contain;
}

React

import BranchesSvg from "./branches.jsx"; // from the React tab above

<BranchesSvg width={48} height={48} />

Made with AMNT

AMNT SVG 1.1 drew this from the words Branches: Thin branching twigs reach inward from the side edges without crossing the center. as part of the pack Hand-Drawn Flat Backgrounds. Want one like it? Make your own in the SVG studio.

Rest of Hand-Drawn Flat Backgrounds

Whole pack

Similar SVGs

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence