Code Rain Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Code Rain icon is commonly used in developer tools, documentation sites and code editors. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/323866.svg" alt="Code Rain icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/323866.svg" alt="Code Rain icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/323866.svg" alt="Code Rain icon" :width="24" :height="24" />
CSS background
.icon-code-rain {
background-image: url('https://proicons.com/icon/323866.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.c{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;}</style></defs><rect class="c" x="5.5" y="5.5" width="37" height="37" rx="4" ry="4"/><g id="b"><line class="c" x1="28.0205" y1="20.4465" x2="28.0205" y2="27.5535"/><path class="c" d="M11.5537,27.5535v-7.1069h2.3266c1.3153,0,2.3817,1.0686,2.3817,2.3868s-1.0663,2.3868-2.3817,2.3868h-2.3266"/><line class="c" x1="13.8812" y1="25.2206" x2="16.2088" y2="27.5517"/><polyline class="c" points="31.5864 27.5535 31.5864 20.4465 36.2948 27.5535 36.2948 20.4465"/><line class="c" x1="23.6773" y1="25.1762" x2="20.5982" y2="25.1762"/><polyline class="c" points="19.8306 27.5321 22.1404 20.4465 24.4502 27.5535"/><polyline class="c" points="27.3718 30.3923 27.3718 37.4992 30.9253 37.4992"/><polyline class="c" points="32.8886 30.3923 32.8886 37.4992 36.4421 37.4992"/><polyline class="c" points="18.808 30.3931 17.0312 37.5001 15.2545 30.3931 13.4778 37.5001 11.701 30.3931"/><line class="c" x1="24.6241" y1="35.1219" x2="21.545" y2="35.1219"/><polyline class="c" points="20.7775 37.4779 23.0872 30.3923 25.397 37.4992"/><path class="c" d="M16.3124,15.2237v.0291c0,1.3002-1.054,2.3542-2.3542,2.3542s-2.3542-1.054-2.3542-2.3542v-2.3986c0-1.3002,1.054-2.3542,2.3542-2.3542h0c1.3002,0,2.3542,1.054,2.3542,2.3542v.0291"/><line class="c" x1="32.7978" y1="14.0538" x2="35.1147" y2="14.0538"/><polyline class="c" points="36.3513 17.6072 32.7978 17.6072 32.7978 10.5003 36.3513 10.5003"/><path class="c" d="M25.7326,17.6072v-7.1069h1.5991c1.7172,0,3.1093,1.3921,3.1093,3.1093v.8884c0,1.7172-1.3921,3.1093-3.1093,3.1093h-1.5991Z"/><path class="c" d="M21.0225,17.6072c-1.3002,0-2.3542-1.054-2.3542-2.3542v-2.3986c0-1.3002,1.054-2.3542,2.3542-2.3542s2.3542,1.054,2.3542,2.3542v2.3986c0,1.3002-1.054,2.3542-2.3542,2.3542Z"/></g></svg>
Copied!