Add icons to this collection by clicking the heart icon.
Magnetic icon - also known as art, draw, paint, magnetic, board, children, toy, kids, sketch, drawing board, chalkboard, isometric, kid and baby, Etch a sketch, and magnetic board. Created in a clean gradient style with a purple finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#e37a34" />
<stop offset="1" stop-color="#f7e041" />
</linearGradient>
<linearGradient
id="b"
x1="152.671"
x2="201.933"
y1="259.088"
y2="173.764"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="464.027"
x2="464.027"
y1="1288.341"
y2="796.455"
gradientTransform="matrix(.866 -.5 0 1.155 -137.831 -557.444)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc538" />
<stop offset="1" stop-color="#fcf3b3" />
</linearGradient>
<linearGradient
id="d"
x1="259.21"
x2="259.21"
y1="415.554"
y2="130.807"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c5baeb" />
<stop offset="1" stop-color="#f2effa" />
</linearGradient>
<linearGradient
id="e"
x1="256.547"
x2="281.985"
y1="385.549"
y2="429.609"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-2285.191"
x2="-2306.895"
y1="477.252"
y2="439.661"
gradientTransform="matrix(-1 0 0 1 -2139.624 0)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#802129" />
<stop offset="1" stop-color="#ab2c37" />
</linearGradient>
<linearGradient
id="g"
x1="-2308.7"
x2="-2308.7"
y1="495.132"
y2="432.304"
gradientTransform="matrix(-1 0 0 1 -2139.624 0)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4757" />
<stop offset="1" stop-color="#ff7a85" />
</linearGradient>
<linearGradient
id="h"
x1="330.942"
x2="317.923"
y1="236.087"
y2="258.638"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="6.866"
x2="28.8"
y1="1199.154"
y2="1199.154"
gradientTransform="rotate(-41.4 -980.025 266.855)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#59acf9" />
<stop offset="1" stop-color="#79d3fe" />
</linearGradient>
<path
fill="url(#b)"
d="M412.372 24.103 377.468 3.951c-6.785-4.553-15.476-5.303-25.131-1.562C268.771 34.77 183.94 83.748 100.374 147.86c-19.712 15.123-35.427 44.312-39.037 72.503-10.971 85.691-10.971 167.053 0 240.076 1.955 13.01 7.464 22.202 15.232 26.693l-.003.005 37.621 21.654z"
/>
<path
fill="url(#c)"
d="M429.034 51.557c-3.609-24.024-19.325-35.066-39.037-27.428C306.432 56.51 221.601 105.487 138.035 169.6c-19.712 15.123-35.427 44.311-39.037 72.503-10.971 85.691-10.971 167.053 0 240.076 3.61 24.024 19.325 35.066 39.037 27.428l.004-.002c83.563-32.381 168.391-81.356 251.955-145.466l.004-.003c19.712-15.123 35.427-44.311 39.037-72.503 10.971-85.692 10.971-167.054-.001-240.076z"
/>
<path
fill="url(#d)"
d="M376.739 272.702V64.807l1.116-.644-229.019 132.225c-4.568 2.637-8.27 9.712-8.27 15.802v207.894l227.903-131.58c4.567-2.637 8.27-9.712 8.27-15.802z"
/>
<path
fill="url(#e)"
d="M376.441 318.875 151.592 448.691c-6.09 3.516-11.027 12.949-11.027 21.07 0 8.12 4.937 11.853 11.027 8.336L376.44 348.281c6.09-3.516 11.027-12.949 11.027-21.07.001-8.12-4.936-11.852-11.026-8.336z"
/>
<path
fill="url(#f)"
d="M168.494 432.649c-3.129-1.928-7.248-1.841-11.778.774-9.767 5.639-17.684 20.767-17.684 33.789 0 7.11 2.37 12.1 6.103 14.268l12.262 7.414 23.269-48.94z"
/>
<path
fill="url(#g)"
d="M186.76 454.238c0 13.022-7.918 28.15-17.684 33.789-9.767 5.639-17.684-.347-17.684-13.369s7.917-28.15 17.684-33.789 17.684.346 17.684 13.369z"
/>
<path
fill="url(#h)"
d="m379.197 63.388-2.459 1.42v207.894c0 6.09-3.703 13.165-8.271 15.802l-227.903 131.58v1.354c0 6.09 3.703 8.89 8.27 6.252l230.362-132.999c4.568-2.637 8.271-9.712 8.271-15.802V69.64c.001-6.09-3.702-8.889-8.27-6.252z"
/>
<path
fill="#43386b"
d="M229.994 264.138c-6.311 0-11.864-4.581-12.89-11.012l-6.522-40.869c-1.138-7.128 3.719-13.828 10.847-14.966 7.125-1.147 13.828 3.719 14.966 10.847l6.522 40.869c1.138 7.128-3.719 13.828-10.847 14.966-.698.11-1.392.165-2.076.165zM283.101 237.243c-6.679 0-12.376-5.093-12.999-11.875l-4.193-45.653c-.66-7.188 4.632-13.55 11.819-14.21 7.194-.666 13.55 4.631 14.21 11.82l4.193 45.653c.66 7.188-4.632 13.55-11.819 14.21-.407.037-.811.055-1.211.055z"
/>
<path
fill="#43386b"
d="M229.149 317.719c-21.403 0-37.128-6.066-37.93-6.382-6.717-2.641-10.022-10.228-7.38-16.946 2.635-6.702 10.196-10.006 16.902-7.397.44.167 18.933 7.039 40.907 3.645 28.706-4.433 50.41-24.056 64.51-58.323 2.746-6.674 10.384-9.86 17.059-7.113 6.675 2.746 9.86 10.384 7.113 17.059-22.468 54.606-59.156 70.599-85.977 74.4a108.381 108.381 0 0 1-15.204 1.057z"
/>
<path
fill="url(#i)"
d="M342.933 239.345c-.019-.023-.032-.05-.051-.072l.003-.003-24.486-10.606c-1.327-.574-2.712.683-2.269 2.059l8.803 27.323.003-.002c.01.011.026.018.037.029.039.05.077.099.118.147l-.002.003 114.65 130.116.003-.002c1.142 1.209 2.966 1.708 5.297 1.239 5.296-1.067 11.204-6.724 13.196-12.636 1.077-3.199.785-5.815-.547-7.375l.003-.003L343 239.401l-.004.004a1.18 1.18 0 0 0-.063-.06z"
/>
</svg>
More icons in the same style and category