Home/Libraries/Glyphs (Iconify)/scroll-old-bold

Glyphs (Iconify)

ScrollOldBold

License: MITCommercial Safe

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 80 80"><g fill="#818cf8"><path fill-rule="evenodd" d="m17 14l-.586-.586A4.83 4.83 0 0 0 13 12h39.757A10.24 10.24 0 0 1 63 22.243v5.293L57 31l6 3.464V47H40a7 7 0 0 0-7 7v3.757a4.24 4.24 0 0 1-1.243 3l-.171.172A3.66 3.66 0 0 1 29 62v5.997a10.243 10.243 0 0 1-10-10.24v-4.87L24 50l-5-2.887V18.828c0-1.81-.72-3.547-2-4.828m46 45v3H44.436c.264-.977.438-1.98.516-3z" clip-rule="evenodd"/><path d="m17 14l-1.414 1.414zm-4-4a2 2 0 1 0 0 4zm47 5l-1.414 1.414zm3 12.536l1 1.732a2 2 0 0 0 1-1.732zM57 31l-1-1.732a2 2 0 0 0 0 3.464zm6 3.464h2a2 2 0 0 0-1-1.732zM63 47v2a2 2 0 0 0 2-2zM31.757 60.757l-1.414-1.414zm-.171.172L33 62.343zM29 62v-2a2 2 0 0 0-2 2zm0 5.997l-.047 2a2 2 0 0 0 2.047-2zM22 65l1.414-1.414zm-3-12.113l-1-1.732a2 2 0 0 0-1 1.732zM24 50l1 1.732a2 2 0 0 0 0-3.464zm-5-2.887h-2a2 2 0 0 0 1 1.732zM63 62v2a2 2 0 0 0 2-2zm0-3h2a2 2 0 0 0-2-2zm-18.564 3l-1.93-.523A2 2 0 0 0 44.436 64zm.516-3v-2a2 2 0 0 0-1.994 1.847zM15 14.828l.586.586l2.828-2.828l-.586-.586zM13 14c.75 0 1.47.298 2 .828L17.828 12A6.83 6.83 0 0 0 13 10zm39.757-4H13v4h39.757zm8.657 3.586A12.24 12.24 0 0 0 52.757 10v4c2.186 0 4.283.868 5.829 2.414zM65 22.243c0-3.247-1.29-6.361-3.586-8.657l-2.828 2.828A8.24 8.24 0 0 1 61 22.243zm0 5.293v-5.293h-4v5.293zm-7 5.196l6-3.464l-2-3.464l-6 3.464zm6 0l-6-3.464l-2 3.464l6 3.464zM65 47V34.464h-4V47zm-25 2h23v-4H40zm-5 5a5 5 0 0 1 5-5v-4a9 9 0 0 0-9 9zm0 3.757V54h-4v3.757zm-1.828 4.415A6.24 6.24 0 0 0 35 57.757h-4a2.24 2.24 0 0 1-.657 1.586zm-.172.171l.172-.171l-2.829-2.829l-.171.172zM29 64c1.5 0 2.94-.596 4-1.657l-2.828-2.828c-.311.31-.733.485-1.172.485zm2 3.997V62h-4v5.997zm-10.414-1.583a12.24 12.24 0 0 0 8.367 3.583l.094-4a8.24 8.24 0 0 1-5.633-2.411zM17 57.757c0 3.247 1.29 6.361 3.586 8.657l2.828-2.828A8.24 8.24 0 0 1 21 57.757zm0-4.87v4.87h4v-4.87zm6-4.62l-5 2.888l2 3.464l5-2.887zm-5 .578l5 2.887l2-3.464l-5-2.887zm-1-30.017v28.285h4V18.828zm-1.414-3.414A4.83 4.83 0 0 1 17 18.828h4c0-2.341-.93-4.587-2.586-6.242zM65 62v-3h-4v3zm-20.564 2H63v-4H44.436zm-1.478-5.153c-.068.894-.22 1.774-.452 2.63l3.86 1.046c.298-1.098.493-2.225.58-3.37zM63 57H44.952v4H63z"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M35.828 65.172L36 65c1.92-1.92 3-4.526 3-7.243V54a1 1 0 0 1 1-1h34a1 1 0 0 1 1 1v3.757A10.24 10.24 0 0 1 64.757 68H29a9.66 9.66 0 0 0 6.828-2.828"/><path fill-rule="evenodd" d="M13 18a1.17 1.17 0 0 1-.828-.343l.585.586a.83.83 0 0 1 .243.585v7.054a1.5 1.5 0 0 0-2.299.368L8.536 30H6a1 1 0 0 1-1-1V18.828A6.83 6.83 0 0 1 11.828 12h.344q.417 0 .828.05z" clip-rule="evenodd"/><path d="M13.586 16.243a2 2 0 0 0-2.829 2.828zM13 18v2a2 2 0 0 0 2-2zm0 7.882l-1.333 1.49A2 2 0 0 0 15 25.883zm-2.299.368l1.732 1zM8.536 30v2a2 2 0 0 0 1.732-1zM7 14l1.414 1.414zm6-1.95h2a2 2 0 0 0-1.757-1.985zm-2.243 7.021A3.17 3.17 0 0 0 13 20v-4c.22 0 .43.087.586.243zm3.415-2.243l-.586-.585l-2.829 2.828l.586.586zm.828 2c0-.75-.298-1.47-.828-2l-2.829 2.829a1.17 1.17 0 0 1-.343-.829zm0 7.054v-7.054h-4v7.054zM12 27.5a.5.5 0 0 1-.333-.127l2.666-2.982A3.5 3.5 0 0 0 12 23.5zm.433-.25a.5.5 0 0 1-.433.25v-4a3.5 3.5 0 0 0-3.031 1.75zM10.268 31l2.165-3.75l-3.464-2L6.804 29zM6 32h2.536v-4H6zm-3-3a3 3 0 0 0 3 3v-4a1 1 0 0 1 1 1zm0-10.172V29h4V18.828zm2.586-6.242A8.83 8.83 0 0 0 3 18.828h4c0-1.28.509-2.508 1.414-3.414zM11.828 10c-2.341 0-4.587.93-6.242 2.586l2.828 2.828A4.83 4.83 0 0 1 11.828 14zm.344 0h-.344v4h.344zm1.07.065a9 9 0 0 0-1.07-.065v4q.295 0 .585.036zM15 16.828V12.05h-4v4.778zM15 18v-1.172h-4V18z"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. ScrollOldBoldIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Glyphs (Iconify)

Browse all Glyphs (Iconify) icons →