loader icon
loader-bold-duotone from Solar by 480 Design · Bold Duotone · Settings · CC-BY-4.0 Attribution required.
- Name
- loader-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Category
- Settings
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More settings icons from Solar
columns-2-boldcolumns-3-boldcolumns-3-cog-boldcolumns-4-boldcontainer-boldgrid-2x2-add-boldgrid-2x2-boldgrid-2x2-check-boldgrid-2x2-close-boldgrid-3x3-boldsettings-boldsettings-minimalistic-boldtuning-2-boldtuning-3-boldtuning-4-boldtuning-boldtuning-square-2-boldtuning-square-boldwidget-2-boldwidget-3-boldwidget-4-boldwidget-5-boldwidget-6-boldwidget-add-bold
Use the loader icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C12.7364 1.25 13.4563 1.32433 14.1523 1.46582C14.558 1.54836 14.8205 1.94391 14.7383 2.34961C14.6558 2.75549 14.2594 3.01801 13.8535 2.93555C13.2553 2.81394 12.6355 2.75 12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 11.3688 21.1864 10.7527 21.0664 10.1582C20.9847 9.75246 21.2476 9.35749 21.6533 9.27539C22.0592 9.19344 22.455 9.45554 22.5371 9.86133C22.6768 10.553 22.75 11.2685 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12Z" opacity=".5"/><path fill="currentColor" d="M1.25 12.0006C1.25 11.5864 1.58579 11.2506 2 11.2506C2.41421 11.2506 2.75 11.5864 2.75 12.0006C2.75021 17.109 6.8915 21.2506 12 21.2506C17.1085 21.2506 21.2498 17.109 21.25 12.0006C21.25 11.3694 21.1864 10.7533 21.0664 10.1588C20.9845 9.75285 21.2475 9.35705 21.6533 9.27498C22.0593 9.19301 22.4551 9.45589 22.5371 9.8619C22.6768 10.5536 22.75 11.2691 22.75 12.0006C22.7498 17.9374 17.9369 22.7506 12 22.7506C6.06307 22.7506 1.25021 17.9374 1.25 12.0006Z" opacity=".5"/><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M12 22.0001C17.5228 22.0001 22 17.5229 22 12.0001C22 11.3187 21.9319 10.6533 21.802 10.0103"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarLoaderBoldDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C12.7364 1.25 13.4563 1.32433 14.1523 1.46582C14.558 1.54836 14.8205 1.94391 14.7383 2.34961C14.6558 2.75549 14.2594 3.01801 13.8535 2.93555C13.2553 2.81394 12.6355 2.75 12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 11.3688 21.1864 10.7527 21.0664 10.1582C20.9847 9.75246 21.2476 9.35749 21.6533 9.27539C22.0592 9.19344 22.455 9.45554 22.5371 9.86133C22.6768 10.553 22.75 11.2685 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12Z" opacity=".5"/><path fill="currentColor" d="M1.25 12.0006C1.25 11.5864 1.58579 11.2506 2 11.2506C2.41421 11.2506 2.75 11.5864 2.75 12.0006C2.75021 17.109 6.8915 21.2506 12 21.2506C17.1085 21.2506 21.2498 17.109 21.25 12.0006C21.25 11.3694 21.1864 10.7533 21.0664 10.1588C20.9845 9.75285 21.2475 9.35705 21.6533 9.27498C22.0593 9.19301 22.4551 9.45589 22.5371 9.8619C22.6768 10.5536 22.75 11.2691 22.75 12.0006C22.7498 17.9374 17.9369 22.7506 12 22.7506C6.06307 22.7506 1.25021 17.9374 1.25 12.0006Z" opacity=".5"/><path stroke="currentColor" strokeLinecap="round" strokeWidth="1.5" d="M12 22.0001C17.5228 22.0001 22 17.5229 22 12.0001C22 11.3187 21.9319 10.6533 21.802 10.0103"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C12.7364 1.25 13.4563 1.32433 14.1523 1.46582C14.558 1.54836 14.8205 1.94391 14.7383 2.34961C14.6558 2.75549 14.2594 3.01801 13.8535 2.93555C13.2553 2.81394 12.6355 2.75 12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 11.3688 21.1864 10.7527 21.0664 10.1582C20.9847 9.75246 21.2476 9.35749 21.6533 9.27539C22.0592 9.19344 22.455 9.45554 22.5371 9.86133C22.6768 10.553 22.75 11.2685 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12Z" opacity=".5"/><path fill="currentColor" d="M1.25 12.0006C1.25 11.5864 1.58579 11.2506 2 11.2506C2.41421 11.2506 2.75 11.5864 2.75 12.0006C2.75021 17.109 6.8915 21.2506 12 21.2506C17.1085 21.2506 21.2498 17.109 21.25 12.0006C21.25 11.3694 21.1864 10.7533 21.0664 10.1588C20.9845 9.75285 21.2475 9.35705 21.6533 9.27498C22.0593 9.19301 22.4551 9.45589 22.5371 9.8619C22.6768 10.5536 22.75 11.2691 22.75 12.0006C22.7498 17.9374 17.9369 22.7506 12 22.7506C6.06307 22.7506 1.25021 17.9374 1.25 12.0006Z" opacity=".5"/><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M12 22.0001C17.5228 22.0001 22 17.5229 22 12.0001C22 11.3187 21.9319 10.6533 21.802 10.0103"/></g></svg> </template>
CSS
.icon-loader-bold-duotone {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.25%2012C1.25%206.06294%206.06294%201.25%2012%201.25C12.7364%201.25%2013.4563%201.32433%2014.1523%201.46582C14.558%201.54836%2014.8205%201.94391%2014.7383%202.34961C14.6558%202.75549%2014.2594%203.01801%2013.8535%202.93555C13.2553%202.81394%2012.6355%202.75%2012%202.75C6.89137%202.75%202.75%206.89137%202.75%2012C2.75%2017.1086%206.89137%2021.25%2012%2021.25C17.1086%2021.25%2021.25%2017.1086%2021.25%2012C21.25%2011.3688%2021.1864%2010.7527%2021.0664%2010.1582C20.9847%209.75246%2021.2476%209.35749%2021.6533%209.27539C22.0592%209.19344%2022.455%209.45554%2022.5371%209.86133C22.6768%2010.553%2022.75%2011.2685%2022.75%2012C22.75%2017.9371%2017.9371%2022.75%2012%2022.75C6.06294%2022.75%201.25%2017.9371%201.25%2012Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.25%2012.0006C1.25%2011.5864%201.58579%2011.2506%202%2011.2506C2.41421%2011.2506%202.75%2011.5864%202.75%2012.0006C2.75021%2017.109%206.8915%2021.2506%2012%2021.2506C17.1085%2021.2506%2021.2498%2017.109%2021.25%2012.0006C21.25%2011.3694%2021.1864%2010.7533%2021.0664%2010.1588C20.9845%209.75285%2021.2475%209.35705%2021.6533%209.27498C22.0593%209.19301%2022.4551%209.45589%2022.5371%209.8619C22.6768%2010.5536%2022.75%2011.2691%2022.75%2012.0006C22.7498%2017.9374%2017.9369%2022.7506%2012%2022.7506C6.06307%2022.7506%201.25021%2017.9374%201.25%2012.0006Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M12%2022.0001C17.5228%2022.0001%2022%2017.5229%2022%2012.0001C22%2011.3187%2021.9319%2010.6533%2021.802%2010.0103%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.25%2012C1.25%206.06294%206.06294%201.25%2012%201.25C12.7364%201.25%2013.4563%201.32433%2014.1523%201.46582C14.558%201.54836%2014.8205%201.94391%2014.7383%202.34961C14.6558%202.75549%2014.2594%203.01801%2013.8535%202.93555C13.2553%202.81394%2012.6355%202.75%2012%202.75C6.89137%202.75%202.75%206.89137%202.75%2012C2.75%2017.1086%206.89137%2021.25%2012%2021.25C17.1086%2021.25%2021.25%2017.1086%2021.25%2012C21.25%2011.3688%2021.1864%2010.7527%2021.0664%2010.1582C20.9847%209.75246%2021.2476%209.35749%2021.6533%209.27539C22.0592%209.19344%2022.455%209.45554%2022.5371%209.86133C22.6768%2010.553%2022.75%2011.2685%2022.75%2012C22.75%2017.9371%2017.9371%2022.75%2012%2022.75C6.06294%2022.75%201.25%2017.9371%201.25%2012Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.25%2012.0006C1.25%2011.5864%201.58579%2011.2506%202%2011.2506C2.41421%2011.2506%202.75%2011.5864%202.75%2012.0006C2.75021%2017.109%206.8915%2021.2506%2012%2021.2506C17.1085%2021.2506%2021.2498%2017.109%2021.25%2012.0006C21.25%2011.3694%2021.1864%2010.7533%2021.0664%2010.1588C20.9845%209.75285%2021.2475%209.35705%2021.6533%209.27498C22.0593%209.19301%2022.4551%209.45589%2022.5371%209.8619C22.6768%2010.5536%2022.75%2011.2691%2022.75%2012.0006C22.7498%2017.9374%2017.9369%2022.7506%2012%2022.7506C6.06307%2022.7506%201.25021%2017.9374%201.25%2012.0006Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M12%2022.0001C17.5228%2022.0001%2022%2017.5229%2022%2012.0001C22%2011.3187%2021.9319%2010.6533%2021.802%2010.0103%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/loader-bold-duotone.svg?color=%231a73e8&size=48
