Add icons to this collection by clicking the heart icon.
Ruler icon - also known as pencil, draw, drawing, ruler, tool, and business and finance. Created in a clean gradient style, 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="100"
height="100"
viewBox="0 0 480.001 480.001"
>
<linearGradient
id="a"
x1="-58.381"
x2="28.725"
y1="592.809"
y2="592.809"
gradientTransform="matrix(8 0 0 -8 455.002 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".36" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M70.456 386.401C-10.424 292.79-.103 151.337 93.508 70.457c84.108-72.669 208.784-72.669 292.892 0l10.48-12.056C296.473-28.129 144.93-16.88 58.4 83.526c-77.596 90.04-77.596 223.315 0 313.355l12.056-10.48z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-58.381"
x2="28.725"
y1="594.092"
y2="594.092"
gradientTransform="matrix(8 0 0 -8 455.002 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".36" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M312.432 83.353a7.998 7.998 0 0 0-4.8-5.84c-89.737-37.358-192.767 5.103-230.125 94.84a176.002 176.002 0 0 0 .005 135.296 7.998 7.998 0 0 0 7.392 4.952 8 8 0 0 0 5.656-2.344L310.24 90.561a8 8 0 0 0 2.192-7.208zM88.056 290.129c-27.761-83.84 17.701-174.311 101.541-202.072a159.916 159.916 0 0 1 100.531 0L88.056 290.129z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-63.854"
x2="-2.265"
y1="611.283"
y2="549.694"
gradientTransform="scale(8 -8) rotate(45 738.855 366.963)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".36" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="m211.722 223.033 11.314-11.314 11.314 11.314-11.314 11.314-11.314-11.314z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-62.612"
x2="-1.022"
y1="618.527"
y2="556.935"
gradientTransform="scale(8 -8) rotate(45 743.097 371.206)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".36" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="m245.66 189.091 11.314-11.314 11.314 11.314-11.314 11.314-11.314-11.314z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-61.37"
x2=".225"
y1="625.769"
y2="564.174"
gradientTransform="scale(8 -8) rotate(45 747.34 375.447)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".36" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="m279.602 155.156 11.314-11.314 11.314 11.314-11.314 11.314-11.314-11.314z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-60.127"
x2="1.465"
y1="633.013"
y2="571.421"
gradientTransform="scale(8 -8) rotate(45 751.581 379.691)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".36" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="m313.54 121.194 11.314-11.314 11.314 11.314-11.314 11.314-11.314-11.314z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-58.884"
x2="2.706"
y1="640.255"
y2="578.665"
gradientTransform="scale(8 -8) rotate(45 755.824 383.933)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".36" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="m347.482 87.259 11.314-11.314 11.314 11.314-11.314 11.314-11.314-11.314z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-65.097"
x2="-3.505"
y1="604.04"
y2="542.45"
gradientTransform="scale(8 -8) rotate(45 734.61 362.72)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".36" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="m177.772 256.96 11.314-11.314L200.4 256.96l-11.314 11.314-11.314-11.314z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-66.339"
x2="-4.745"
y1="596.798"
y2="535.204"
gradientTransform="scale(8 -8) rotate(45 730.369 358.477)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".36" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="m143.834 290.91 11.314-11.314 11.314 11.314-11.314 11.314-11.314-11.314z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-67.583"
x2="-5.992"
y1="589.555"
y2="527.963"
gradientTransform="scale(8 -8) rotate(45 726.128 354.24)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".36" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="m109.924 324.856 11.314-11.314 11.314 11.314-11.314 11.314-11.314-11.314z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-68.827"
x2="-7.236"
y1="582.314"
y2="520.724"
gradientTransform="scale(8 -8) rotate(45 721.883 349.992)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".36" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="m75.954 358.799 11.314-11.314 11.314 11.314-11.314 11.314-11.314-11.314z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-58.381"
x2="28.725"
y1="587.626"
y2="587.626"
gradientTransform="matrix(8 0 0 -8 455.002 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".36" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M475.064.609a8 8 0 0 0-8.72 1.736l-464 464A8 8 0 0 0 8 480.001h464a8 8 0 0 0 8-8v-464a8.001 8.001 0 0 0-4.936-7.392zM432 464.001v-24h-16v24h-32v-24h-16v24h-32v-24h-16v24h-32v-24h-16v24h-32v-24h-16v24h-32v-24h-16v24h-32v-24h-16v24H96v-24H80v24H27.312L464 27.313v52.688h-24v16h24v32h-24v16h24v32h-24v16h24v32h-24v16h24v32h-24v16h24v32h-24v16h24v32h-24v16h24v32h-24v16h24v32h-32z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="-58.381"
x2="28.725"
y1="580.556"
y2="580.556"
gradientTransform="matrix(8 0 0 -8 455.002 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".36" stop-color="#ed683c" />
<stop offset=".714" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M395.064 193.753a7.936 7.936 0 0 0-8.72 1.736L195.488 386.345a8 8 0 0 0 5.656 13.656H392a8 8 0 0 0 8-8V201.145a8.001 8.001 0 0 0-4.936-7.392zM384 384.001H220.456L384 220.457v163.544z"
fill="url(#m)"
/>
</svg>
More icons in the same style and category