CRUDIOS
ruler, measure, scale, length, dimension, design tool, ui grid, layout guide, precision, drafting, architect, engineer, pixel measure, alignment tool, edit ui, design workflow, craft tool, interface layout - Circum Icons - CiRuler - SVG | WEBP | PNG | JPG - Icon free download
ci/CiRuler

ci/CiRuler (Circum Icons)

VS Code
1import { CiRuler } from "react-icons/ci";
2
3export default function Page(){
4  return <div><CiRuler/></div>
5}
Click To Copy (Free To Use)
Description
Line ruler icon representing precision measurement and layout guidance; useful for design tools, editing interfaces, educational apps, drafting utilities, and any workflow requiring accurate spacing or scaling.
Tags
rulermeasurescalelengthdimensiondesign toolui gridlayout guideprecisiondraftingarchitectengineerpixel measurealignment tooledit uidesign workflowcraft toolinterface layout
Categories
measurementdesigninterfacetoolsconstructioneducationproductivitylayoutmultimedia-editingtypography
WEBP Download (256px)Customize & Download (HD)
Related Icons
compress, shrink, resize, minimize, scale, ui, control - Ant Design Icons - AiOutlineCompress - SVG | WEBP | PNG | JPG - Icon free download
AiOutlineCompress
crosshair, target, focus, aim, locate, precision, pointer - BoxIcons - BiCrosshair - SVG | WEBP | PNG | JPG - Icon free download
BiCrosshair
ruler, measure, scale, length, tool, design - BoxIcons - BiRuler - SVG | WEBP | PNG | JPG - Icon free download
BiRuler
target, lock, focus, aim, tracking, precision - BoxIcons - BiTargetLock - SVG | WEBP | PNG | JPG - Icon free download
BiTargetLock
bullseye, target, goal, focus, aim, precision, objective - BoxIcons - BiSolidBullseye - SVG | WEBP | PNG | JPG - Icon free download
BiSolidBullseye
ruler, measure, scale, length, tool, design - BoxIcons - BiSolidRuler - SVG | WEBP | PNG | JPG - Icon free download
BiSolidRuler
stopwatch, timer, clock, time, measure, countdown, chronometer - BoxIcons - BiSolidStopwatch - SVG | WEBP | PNG | JPG - Icon free download
BiSolidStopwatch
thermometer, temperature, heat, cold, measure, weather, health - BoxIcons - BiSolidThermometer - SVG | WEBP | PNG | JPG - Icon free download
BiSolidThermometer
aspect, ratio, resize, scale, fit, layout - Bootstrap Icons - BsFillAspectRatioFill - SVG | WEBP | PNG | JPG - Icon free download
BsFillAspectRatioFill
aspect-ratio, ratio, resize, scale, dimensions, multimedia, video, image, editor, ui-control, filled - Bootstrap Icons - BsAspectRatioFill - SVG | WEBP | PNG | JPG - Icon free download
BsAspectRatioFill
aspect-ratio, ratio, resize, dimensions, scale, video, image, editor, ui-control, outline - Bootstrap Icons - BsAspectRatio - SVG | WEBP | PNG | JPG - Icon free download
BsAspectRatio
bullseye, target, goal, focus, precision, aim, objective, hit, center, mark, accuracy, crosshair, location, priority, spotlight, pinpoint, mission, strategy - Bootstrap Icons - BsBullseye - SVG | WEBP | PNG | JPG - Icon free download
BsBullseye
crosshair, target, aim, focus, reticle, precision, locator, gaming, sniper, measure, center, ui, indicator - Bootstrap Icons - BsCrosshair - SVG | WEBP | PNG | JPG - Icon free download
BsCrosshair
crosshair, crosshair-2, target, aim, focus, precision, locator, gaming, reticle, center, measure, ui, indicator - Bootstrap Icons - BsCrosshair2 - SVG | WEBP | PNG | JPG - Icon free download
BsCrosshair2
file, binary, 01, code, programming, outline, developer, data, logic, tech, document, sheet, backend, system, engineer - Bootstrap Icons - BsFileBinary - SVG | WEBP | PNG | JPG - Icon free download
BsFileBinary
file, code, filled, developer, programming, script, document, sheet, source, tech, backend, frontend, engineer, syntax, ui - Bootstrap Icons - BsFileCodeFill - SVG | WEBP | PNG | JPG - Icon free download
BsFileCodeFill
file, code, outline, script, developer, programming, source, document, sheet, syntax, tech, tool, engineer, ui - Bootstrap Icons - BsFileCode - SVG | WEBP | PNG | JPG - Icon free download
BsFileCode
file, earmark, code, coding, developer, engineer, script, source-file, programming, ide, editor, filled - Bootstrap Icons - BsFileEarmarkCodeFill - SVG | WEBP | PNG | JPG - Icon free download
BsFileEarmarkCodeFill
file, earmark, code, coding, script, developer, engineer, ide, editor, source-file, outline - Bootstrap Icons - BsFileEarmarkCode - SVG | WEBP | PNG | JPG - Icon free download
BsFileEarmarkCode
motherboard, circuit, filled, hardware, chip, electronics, computer, tech, device, board, processor, system, engineer, iot, components - Bootstrap Icons - BsMotherboardFill - SVG | WEBP | PNG | JPG - Icon free download
BsMotherboardFill
ruler, rulers, measure, measurement, length, design, layout, spacing, drafting, tool, ui-design, grid, craft, alignment, editor, workspace - Bootstrap Icons - BsRulers - SVG | WEBP | PNG | JPG - Icon free download
BsRulers
stopwatch, timer, clock, filled, time, countdown, measure, interval, track, sport, performance, schedule, ui, dashboard - Bootstrap Icons - BsStopwatchFill - SVG | WEBP | PNG | JPG - Icon free download
BsStopwatchFill
stopwatch, timer, clock, outline, time, countdown, measure, interval, sport, track, schedule, ui, dashboard - Bootstrap Icons - BsStopwatch - SVG | WEBP | PNG | JPG - Icon free download
BsStopwatch
calibrate, adjust, tune, settings, measurement, precision, accuracy, optimize, tools, configuration, engineering, workflow - css.gg Icons - CgCalibrate - SVG | WEBP | PNG | JPG - Icon free download
CgCalibrate
drop, invert, drop invert, water drop, ink drop, invert color, edit, effects, filter, color tool, opacity, contrast, liquid, ui element, design tool, editor, tint, shape, droplet, color adjustment, invert effect, photography tools - css.gg Icons - CgDropInvert - SVG | WEBP | PNG | JPG - Icon free download
CgDropInvert
drop, opacity, drop opacity, water drop, opacity control, transparency, alpha, layer opacity, ui edit, design tool, tint, droplet, filter, effects, editor, visual edit, color adjustment, overlay, blend, photo editing, graphics - css.gg Icons - CgDropOpacity - SVG | WEBP | PNG | JPG - Icon free download
CgDropOpacity
edit, black point, edit black point, contrast, exposure, photo edit, tone, shadow, dark point, editing tool, color adjustment, photography, effects, ui control, graphics, design tool, image tuning, visual correction, editor, light balance - css.gg Icons - CgEditBlackPoint - SVG | WEBP | PNG | JPG - Icon free download
CgEditBlackPoint
contrast, edit contrast, image contrast, brightness, photo edit, adjust, tuning, image tools, editor, design tool, ux, ui, toolbar icon, filter, exposure, tone, dynamic range, color correction, ios, android, web design - css.gg Icons - CgEditContrast - SVG | WEBP | PNG | JPG - Icon free download
CgEditContrast
fade, edit fade, opacity, blend, transition, effect, photo effect, image edit, gradient, fade effect, ui control, design tool, editor, toolbar, animation, filter, soften, tone, visual effect - css.gg Icons - CgEditFade - SVG | WEBP | PNG | JPG - Icon free download
CgEditFade
flip, vertical flip, flip v, mirror, invert, image transform, rotate, edit, editor, toolbar, ui tool, reflect, design tool, layout adjust, photo edit, symmetry, control, web ui - css.gg Icons - CgEditFlipV - SVG | WEBP | PNG | JPG - Icon free download
CgEditFlipV
highlight, edit highlight, lighten, exposure, brightness, photo edit, image highlight, editor, filter, tone, contrast, ui tool, design tool, masking, lighting, panel, toolbar, adjust - css.gg Icons - CgEditHighlight - SVG | WEBP | PNG | JPG - Icon free download
CgEditHighlight
markup, edit markup, annotation, draw, sketch, highlight, note, pointer, pen tool, editor, documentation, ui tool, overlay, comment, shape tool, mark, review, revision, markup mode, design workflow - css.gg Icons - CgEditMarkup - SVG | WEBP | PNG | JPG - Icon free download
CgEditMarkup
mask, edit mask, layer mask, selection, cutout, image mask, photo edit, editor, design tool, masking, overlay, alpha mask, vector mask, ui tool, panel, workflow, effects, highlight, adjustment mask - css.gg Icons - CgEditMask - SVG | WEBP | PNG | JPG - Icon free download
CgEditMask
edit, straight, edit straight, modify, adjust, line edit, editor, tool, ui edit, pencil, draft, revise, update, design tool, markup, annotation, cursor action, toolbar button, text editing, shape editing, vector - css.gg Icons - CgEditStraight - SVG | WEBP | PNG | JPG - Icon free download
CgEditStraight
edit, unmask, edit unmask, reveal, show, visibility, modify, mask, layer, ui tool, design tool, editor, adjust, remove mask, toggle, content reveal, privacy, annotation, markup, vector editing - css.gg Icons - CgEditUnmask - SVG | WEBP | PNG | JPG - Icon free download
CgEditUnmask
erase, eraser, delete, remove, clear, clean, undo, correction, editor, design tool, markup, drawing, sketch, fix, adjust, reset, ui edit, modify, content removal, brush - css.gg Icons - CgErase - SVG | WEBP | PNG | JPG - Icon free download
CgErase
underline, format underline, text underline, formatting, text style, typography, editor, rich text, word processor, highlight, emphasis, ui text, button, toolbar action, markdown, html, css, web editor, wysiwyg, text decoration, headline, title formatting, emphasize, style control, design tool - css.gg Icons - CgFormatUnderline - SVG | WEBP | PNG | JPG - Icon free download
CgFormatUnderline
uppercase, capital letters, format uppercase, text transform, letters, typography, editor, text style, text formatting, headline, title case, caps, ui text, toolbar, button, style control, design tool, markdown, html, css, wysiwyg, case conversion - css.gg Icons - CgFormatUppercase - SVG | WEBP | PNG | JPG - Icon free download
CgFormatUppercase
framer, framer brand, framer logo, design tool, prototyping, ui design, ux design, animation, interaction design, creative tool, brand, logo, product design, mockup, wireframe, web app, mobile app, design system, frontend, no code, visual editor - css.gg Icons - CgFramer - SVG | WEBP | PNG | JPG - Icon free download
CgFramer
layout, grid, gallery, tiles, matrix, modules, cards, ui grid, dashboard, widgets, preview layout, template, arrangement, structure, interface, components, content blocks - css.gg Icons - CgLayoutGrid - SVG | WEBP | PNG | JPG - Icon free download
CgLayoutGrid
path crop, crop, trim, cut, vector crop, shape crop, editor tool, design tool, svg editing, mask, clip, toolbar, button, ui action, graphics, illustration, vector - css.gg Icons - CgPathCrop - SVG | WEBP | PNG | JPG - Icon free download
CgPathCrop
path divide, divide, split, cut path, vector divide, shape divide, boolean ops, editor tool, design tool, svg editing, toolbar, button, ui action, vector - css.gg Icons - CgPathDivide - SVG | WEBP | PNG | JPG - Icon free download
CgPathDivide
path exclude, exclude, subtract, shape subtract, boolean subtract, vector exclude, editor tool, design tool, svg editing, mask, ui action, toolbar, button, vector - css.gg Icons - CgPathExclude - SVG | WEBP | PNG | JPG - Icon free download
CgPathExclude
path front, bring to front, front layer, layer order, vector front, shape front, stack order, editor tool, design tool, ui layering, svg editing, toolbar, button, vector - css.gg Icons - CgPathFront - SVG | WEBP | PNG | JPG - Icon free download
CgPathFront
path intersect, intersect, boolean intersect, shape intersect, vector intersect, editor tool, design tool, svg editing, ui action, toolbar, button, vector - css.gg Icons - CgPathIntersect - SVG | WEBP | PNG | JPG - Icon free download
CgPathIntersect
path outline, outline, stroke path, vector outline, shape outline, convert outline, editor tool, design tool, svg editing, toolbar, button, ui action, vector - css.gg Icons - CgPathOutline - SVG | WEBP | PNG | JPG - Icon free download
CgPathOutline
path trim, trim, cut, shorten path, vector trim, shape trim, editor tool, design tool, svg editing, toolbar, button, ui action, vector - css.gg Icons - CgPathTrim - SVG | WEBP | PNG | JPG - Icon free download
CgPathTrim
path unite, unite, combine, merge shapes, boolean union, vector unite, shape union, editor tool, design tool, svg editing, toolbar, button, ui action, vector - css.gg Icons - CgPathUnite - SVG | WEBP | PNG | JPG - Icon free download
CgPathUnite
pen, edit, writing, draw, pencil, marker, stylus, signature, note, annotation, sketch, design tool, creative, draft, input tool, write, designer tool, ui edit, form edit, document edit, hover, active, toolbar icon, button, menu action - css.gg Icons - CgPen - SVG | WEBP | PNG | JPG - Icon free download
CgPen
ratio, proportion, scale, measurement, comparison, analytics, math, statistics, data, metric, aspect ratio, graphing, calculation, ui metric, dashboard, reporting, design tool, editor tool, layout planning, numeric indicator - css.gg Icons - CgRatio - SVG | WEBP | PNG | JPG - Icon free download
CgRatio
ruler, measure, measurement tool, scale, length, design tool, ui ruler, straight edge, dimensions, layout grid, blueprint, precision tool, drafting, editor tools, metric - css.gg Icons - CgRuler - SVG | WEBP | PNG | JPG - Icon free download
CgRuler
size, resize, dimension, scale, measure, layout control, ui sizing, expand, shrink, bounding box, viewport, editor tool, design utility, responsive, flexbox, grid, width, height, aspect ratio - css.gg Icons - CgSize - SVG | WEBP | PNG | JPG - Icon free download
CgSize
space, vertical space, space between, alignment, layout, flexbox, css, design tool, editor, ui spacing, vertical alignment, component layout, grid, container, web design, ux - css.gg Icons - CgSpaceBetweenV - SVG | WEBP | PNG | JPG - Icon free download
CgSpaceBetweenV
space, horizontal space, space between, alignment, layout, flexbox, css, design tool, ui spacing, editor, component layout, grid, container, web design, ux, horizontal alignment - css.gg Icons - CgSpaceBetween - SVG | WEBP | PNG | JPG - Icon free download
CgSpaceBetween
align, bottom, align bottom, layout, ui alignment, design tool, editor, formatting, positioning, vertical alignment, content placement, toolbar, grid, layout editing, alignment control, ios, android, web app, graphics tool, designer ui - Circum Icons - CiAlignBottom - SVG | WEBP | PNG | JPG - Icon free download
CiAlignBottom
align, center, horizontal, align center horizontal, center h, horizontal alignment, layout, design tool, editor, formatting, positioning, ui layout, content alignment, graphic editor, center content, toolbar, ios, android, web design - Circum Icons - CiAlignCenterH - SVG | WEBP | PNG | JPG - Icon free download
CiAlignCenterH
align, center, vertical, align center vertical, center v, vertical alignment, layout, formatting, design tool, editor, content alignment, graphic editor, position, layout control, center content, toolbar action, ios, android, web layout - Circum Icons - CiAlignCenterV - SVG | WEBP | PNG | JPG - Icon free download
CiAlignCenterV
align, left, align left, text alignment, layout, formatting, editor, left justify, paragraph align, design tool, content placement, ui layout, toolbar, graphic editor, web design, ios, android - Circum Icons - CiAlignLeft - SVG | WEBP | PNG | JPG - Icon free download
CiAlignLeft
align, right, align right, text alignment, right justify, formatting, editor, design tool, layout, content placement, text tool, toolbar, graphic editor, ui design, ios, android, web editor - Circum Icons - CiAlignRight - SVG | WEBP | PNG | JPG - Icon free download
CiAlignRight
align, top, align top, vertical alignment, layout, editor, formatting, content placement, design tool, ui layout, graphic editor, position control, top justify, ios, android, web design - Circum Icons - CiAlignTop - SVG | WEBP | PNG | JPG - Icon free download
CiAlignTop
crop, image crop, edit, photo edit, resize, trim, cut, design tool, adjustment, editor, media, toolbar, graphics, aspect ratio, composition, visual editing, photo tool, ui control - Circum Icons - CiCrop - SVG | WEBP | PNG | JPG - Icon free download
CiCrop
grid, vertical grid, 2v grid, layout, structure, organization, columns, rows, ui grid, cards, gallery, dashboard, view mode, arrange, responsive layout, split view, editor, design pattern, modular ui, blocks, panel layout, sort, template, material, android, ios - Circum Icons - CiGrid2V - SVG | WEBP | PNG | JPG - Icon free download
CiGrid2V
line height, text spacing, typography, formatting, editor, paragraph spacing, layout, css, web design, writing, document, ui control, text style, line spacing, design tool, content editing, markup, code editor, typesetting, font control - Circum Icons - CiLineHeight - SVG | WEBP | PNG | JPG - Icon free download
CiLineHeight
ruler, measure, scale, length, dimension, design tool, ui grid, layout guide, precision, drafting, architect, engineer, pixel measure, alignment tool, edit ui, design workflow, craft tool, interface layout - Circum Icons - CiRuler - SVG | WEBP | PNG | JPG - Icon free download
CiRuler
text align left, align left, left alignment, text, paragraph, editor, document, formatting, typography, layout, ui, toolbar, content, writing, article, note, markdown, wysiwyg, design tool, text block, header, footer, sidebar, alignment control, left justified, text layout, word processor - Circum Icons - CiTextAlignLeft - SVG | WEBP | PNG | JPG - Icon free download
CiTextAlignLeft
text align right, align right, right alignment, text, paragraph, editor, document, formatting, typography, layout, ui, toolbar, content, design tool, writing, markdown, wysiwyg, right justified, text layout, alignment control, word processor, text block - Circum Icons - CiTextAlignRight - SVG | WEBP | PNG | JPG - Icon free download
CiTextAlignRight
text, typography, letter, font, characters, editor, input, type tool, writing, document, content, markdown, wysiwyg, text block, headline, paragraph, ui control, button, toolbar, design tool, label, title, subtitle - Circum Icons - CiText - SVG | WEBP | PNG | JPG - Icon free download
CiText
view column, column layout, columns, grid, table columns, layout, ui layout, dashboard, split view, vertical layout, editor layout, page structure, panel layout, design tool, wireframe, responsive, table view, list grid toggle, sidebar, page sections, sketch, figma, ux, ui - Circum Icons - CiViewColumn - SVG | WEBP | PNG | JPG - Icon free download
CiViewColumn
wave, pulse, waveform, signal, audio, heartbeat, monitor, sensor, oscillation, visualizer, equalizer, spectrum, real-time, live data, streaming, analytics, dashboard, health tracker, iot sensor, media player, sound, voice, widget, control, animation, status, indicator, inspect, measure, visual - Circum Icons - CiWavePulse1 - SVG | WEBP | PNG | JPG - Icon free download
CiWavePulse1
go, golang, brand, programming language, backend, api, microservices, concurrency, goroutines, compiler, binary, cli, web server, framework, sdk, tooling, devops, cloud native, kubernetes, docker, fast, scalable, efficient, performant, developer, engineer, platform - Devicons - DiGo - SVG | WEBP | PNG | JPG - Icon free download
DiGo
snap svg, svg, vector, animation, graphics, svg library, javascript, frontend, design tool, ui, ux, illustration, web animation, vector workflow, coding, developer tool, web design, ui component, graphics engine, svg scripting, header icon, sidebar icon, toolbar - Devicons - DiSnapSvg - SVG | WEBP | PNG | JPG - Icon free download
DiSnapSvg
streamline, streamline icons, icon pack, design system, illustration, vector icons, ui kit, ux design, graphics library, iconography, design assets, web design, product design, component library, frontend, branding, style guide, toolbar, sidebar icon, design workflow - Devicons - DiStreamline - SVG | WEBP | PNG | JPG - Icon free download
DiStreamline
Tags
design tooleditortoolbarlayoutmeasure