Hand drawn code icon

This hand drawn code icon is free to download as a still SVG, a transparent PNG or an animated code icon that draws itself on and keeps wiggling. Angle brackets: code, developers and embed.

Download

code.svg · code.png (512px, transparent) · animated SVG

Customize the icon
Amplitude
Speed
SVGPNG

Free under the MIT license, for personal and commercial use.

How to use the hand drawn code icon

Use it for a developer docs link, a code snippet, an embed button or a coding class.

The still SVG scales to any size and takes any stroke color, the transparent PNG goes anywhere an image does, and the animated SVG draws itself on and keeps wiggling in any browser. Many slide apps and design tools import an SVG as a still drawing, or not at all, and the animated file can come out blank there, so use the still SVG or the PNG in those apps. In React, it comes from the free npm package:

npm i @oreo-design/doodle-icons

import { DoodleIcon, BoilFilter } from '@oreo-design/doodle-icons'

<BoilFilter id="boil" />
<DoodleIcon name="code" boilId="boil" size={32} />