Add icons to this collection by clicking the heart icon.
Clean Code icon - also known as data, cleaning, browser, ui, computing, cache, and clean code. Created in a clean gradient style with a white 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient
id="d"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d88cff" />
<stop offset="1" stop-color="#be40ff" />
</linearGradient>
<linearGradient
id="e"
x1="188.839"
x2="323.161"
y1="351.746"
y2="351.746"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7a888a" />
<stop offset="1" stop-color="#5c6f74" />
</linearGradient>
<linearGradient
id="f"
x1="113.907"
x2="398.092"
y1="218.534"
y2="218.534"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaf7ff" />
<stop offset="1" stop-color="#a7dcfc" />
</linearGradient>
<linearGradient
id="g"
x1="217.147"
x2="381.441"
y1="210.208"
y2="210.208"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#d2ecfd" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ced0ce" />
<stop offset="1" stop-color="#98a09f" />
</linearGradient>
<linearGradient
id="h"
x1="113.907"
x2="398.092"
y1="318.443"
y2="318.443"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="155.536"
x2="356.464"
y1="380.886"
y2="380.886"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#2b5c74" />
<stop offset="1" stop-color="#203f49" />
</linearGradient>
<linearGradient
id="j"
x1="155.536"
x2="272.651"
y1="214.371"
y2="214.371"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#a7dcfc" />
<stop offset="1" stop-color="#4bb4f5" />
</linearGradient>
<linearGradient
id="k"
x1="314.28"
x2="398.093"
y1="172.743"
y2="172.743"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="314.28"
x2="381.441"
y1="214.371"
y2="214.371"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="314.28"
x2="398.093"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="256"
x2="297.629"
y1="210.208"
y2="210.208"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#d)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path
fill="url(#e)"
d="m256 379.23 67.16-6.671c-13.734 0-24.976-11.239-24.976-24.977v-24.977h-84.368v24.977c0 13.738-11.238 24.977-24.976 24.977l50.508 6.261v2.067l9.246-.918 7.406.918zm0 0"
/>
<path
fill="url(#f)"
d="M398.094 122.79H113.906v174.839l104.145 12.203-.906 4.45 21.765-2.005 17.09 2.004v-3.578l142.094-13.074zm0 0"
/>
<path
fill="url(#g)"
d="M381.441 280.977V139.44H256l-38.852 70.766L256 280.977zm0 0"
/>
<path fill="#fff" d="M130.559 139.441H256v141.536H130.559zm0 0" />
<path fill="url(#h)" d="M256 297.629H113.906v41.629h284.188v-41.63zm0 0" />
<path fill="url(#i)" d="M256 372.559H155.535v16.652h200.93v-16.652zm0 0" />
<path
fill="url(#j)"
d="M224.602 197.719h-69.067v33.304h69.067c4.57 12.934 16.898 22.204 31.398 22.204l16.652-38.856L256 175.52c-14.5 0-26.828 9.265-31.398 22.199zm0 0"
/>
<path fill="url(#k)" d="M314.281 164.418h83.813v16.648H314.28zm0 0" />
<path fill="url(#l)" d="M314.281 206.047h67.16v16.648h-67.16zm0 0" />
<path fill="url(#m)" d="M314.281 247.676h83.813v16.648H314.28zm0 0" />
<path fill="url(#n)" d="M256 139.441h41.629v141.536H256zm0 0" />
</svg>
More icons in the same style and category