configuration 01 icon
configuration-01 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- configuration-01
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the configuration 01 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M2.256 15.632c.034-.323.268-.583.737-1.104l1.03-1.153c.253-.32.432-.875.432-1.375s-.18-1.056-.431-1.375L2.993 9.472c-.469-.52-.703-.781-.737-1.104s.141-.627.491-1.234l.494-.857c.373-.648.56-.972.877-1.1c.318-.13.677-.028 1.395.176l1.22.343c.459.106.94.046 1.359-.169l.337-.194a2 2 0 0 0 .788-.968l.334-.997c.22-.66.33-.99.59-1.18C10.404 2 10.752 2 11.445 2h1.115c.695 0 1.042 0 1.303.189c.262.189.371.519.591 1.179l.334.997a2 2 0 0 0 .788.968l.337.194c.419.215.9.275 1.358.17l1.22-.344c.719-.204 1.078-.306 1.396-.177c.317.13.504.453.877 1.101l.494.857c.35.607.525.91.49 1.234c-.033.323-.267.583-.736 1.104l-1.03 1.153c-.253.319-.432.875-.432 1.375s.18 1.056.431 1.375l1.031 1.153c.469.52.703.781.737 1.104s-.141.627-.491 1.234l-.494.857c-.373.648-.56.972-.877 1.1c-.318.13-.677.028-1.395-.176l-1.22-.343a2 2 0 0 0-1.36.169l-.336.194c-.36.23-.635.57-.788.968l-.334.997c-.22.66-.33.99-.59 1.18c-.262.188-.61.188-1.304.188h-1.114c-.695 0-1.042 0-1.303-.189c-.262-.189-.372-.518-.591-1.178"/><path d="M2.737 18.78c1.08-1.08 4.752-4.716 5.112-5.136c.38-.444.072-1.044.256-2.904c.088-.9.282-1.574.836-2.076c.66-.624 1.2-.624 3.06-.666c1.62.042 1.812-.138 1.98.282c.12.3-.24.48-.672.96c-.96.96-1.524 1.44-1.578 1.74c-.39 1.32 1.146 2.1 1.986 1.26c.318-.318 1.788-1.8 1.932-1.92c.108-.096.367-.092.492.06c.108.106.12.12.108.6c-.011.444-.006 1.082-.005 1.74c.002.852-.043 1.8-.403 2.28c-.72 1.08-1.92 1.14-3 1.188c-1.02.06-1.86-.048-2.124.144c-.216.108-1.356 1.308-2.736 2.688l-2.46 2.46c-2.04 1.62-4.284-.9-2.784-2.7Z"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsConfiguration01(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" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M2.256 15.632c.034-.323.268-.583.737-1.104l1.03-1.153c.253-.32.432-.875.432-1.375s-.18-1.056-.431-1.375L2.993 9.472c-.469-.52-.703-.781-.737-1.104s.141-.627.491-1.234l.494-.857c.373-.648.56-.972.877-1.1c.318-.13.677-.028 1.395.176l1.22.343c.459.106.94.046 1.359-.169l.337-.194a2 2 0 0 0 .788-.968l.334-.997c.22-.66.33-.99.59-1.18C10.404 2 10.752 2 11.445 2h1.115c.695 0 1.042 0 1.303.189c.262.189.371.519.591 1.179l.334.997a2 2 0 0 0 .788.968l.337.194c.419.215.9.275 1.358.17l1.22-.344c.719-.204 1.078-.306 1.396-.177c.317.13.504.453.877 1.101l.494.857c.35.607.525.91.49 1.234c-.033.323-.267.583-.736 1.104l-1.03 1.153c-.253.319-.432.875-.432 1.375s.18 1.056.431 1.375l1.031 1.153c.469.52.703.781.737 1.104s-.141.627-.491 1.234l-.494.857c-.373.648-.56.972-.877 1.1c-.318.13-.677.028-1.395-.176l-1.22-.343a2 2 0 0 0-1.36.169l-.336.194c-.36.23-.635.57-.788.968l-.334.997c-.22.66-.33.99-.59 1.18c-.262.188-.61.188-1.304.188h-1.114c-.695 0-1.042 0-1.303-.189c-.262-.189-.372-.518-.591-1.178"/><path d="M2.737 18.78c1.08-1.08 4.752-4.716 5.112-5.136c.38-.444.072-1.044.256-2.904c.088-.9.282-1.574.836-2.076c.66-.624 1.2-.624 3.06-.666c1.62.042 1.812-.138 1.98.282c.12.3-.24.48-.672.96c-.96.96-1.524 1.44-1.578 1.74c-.39 1.32 1.146 2.1 1.986 1.26c.318-.318 1.788-1.8 1.932-1.92c.108-.096.367-.092.492.06c.108.106.12.12.108.6c-.011.444-.006 1.082-.005 1.74c.002.852-.043 1.8-.403 2.28c-.72 1.08-1.92 1.14-3 1.188c-1.02.06-1.86-.048-2.124.144c-.216.108-1.356 1.308-2.736 2.688l-2.46 2.46c-2.04 1.62-4.284-.9-2.784-2.7Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M2.256 15.632c.034-.323.268-.583.737-1.104l1.03-1.153c.253-.32.432-.875.432-1.375s-.18-1.056-.431-1.375L2.993 9.472c-.469-.52-.703-.781-.737-1.104s.141-.627.491-1.234l.494-.857c.373-.648.56-.972.877-1.1c.318-.13.677-.028 1.395.176l1.22.343c.459.106.94.046 1.359-.169l.337-.194a2 2 0 0 0 .788-.968l.334-.997c.22-.66.33-.99.59-1.18C10.404 2 10.752 2 11.445 2h1.115c.695 0 1.042 0 1.303.189c.262.189.371.519.591 1.179l.334.997a2 2 0 0 0 .788.968l.337.194c.419.215.9.275 1.358.17l1.22-.344c.719-.204 1.078-.306 1.396-.177c.317.13.504.453.877 1.101l.494.857c.35.607.525.91.49 1.234c-.033.323-.267.583-.736 1.104l-1.03 1.153c-.253.319-.432.875-.432 1.375s.18 1.056.431 1.375l1.031 1.153c.469.52.703.781.737 1.104s-.141.627-.491 1.234l-.494.857c-.373.648-.56.972-.877 1.1c-.318.13-.677.028-1.395-.176l-1.22-.343a2 2 0 0 0-1.36.169l-.336.194c-.36.23-.635.57-.788.968l-.334.997c-.22.66-.33.99-.59 1.18c-.262.188-.61.188-1.304.188h-1.114c-.695 0-1.042 0-1.303-.189c-.262-.189-.372-.518-.591-1.178"/><path d="M2.737 18.78c1.08-1.08 4.752-4.716 5.112-5.136c.38-.444.072-1.044.256-2.904c.088-.9.282-1.574.836-2.076c.66-.624 1.2-.624 3.06-.666c1.62.042 1.812-.138 1.98.282c.12.3-.24.48-.672.96c-.96.96-1.524 1.44-1.578 1.74c-.39 1.32 1.146 2.1 1.986 1.26c.318-.318 1.788-1.8 1.932-1.92c.108-.096.367-.092.492.06c.108.106.12.12.108.6c-.011.444-.006 1.082-.005 1.74c.002.852-.043 1.8-.403 2.28c-.72 1.08-1.92 1.14-3 1.188c-1.02.06-1.86-.048-2.124.144c-.216.108-1.356 1.308-2.736 2.688l-2.46 2.46c-2.04 1.62-4.284-.9-2.784-2.7Z"/></g></svg> </template>
CSS
.icon-configuration-01 {
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%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M2.256%2015.632c.034-.323.268-.583.737-1.104l1.03-1.153c.253-.32.432-.875.432-1.375s-.18-1.056-.431-1.375L2.993%209.472c-.469-.52-.703-.781-.737-1.104s.141-.627.491-1.234l.494-.857c.373-.648.56-.972.877-1.1c.318-.13.677-.028%201.395.176l1.22.343c.459.106.94.046%201.359-.169l.337-.194a2%202%200%200%200%20.788-.968l.334-.997c.22-.66.33-.99.59-1.18C10.404%202%2010.752%202%2011.445%202h1.115c.695%200%201.042%200%201.303.189c.262.189.371.519.591%201.179l.334.997a2%202%200%200%200%20.788.968l.337.194c.419.215.9.275%201.358.17l1.22-.344c.719-.204%201.078-.306%201.396-.177c.317.13.504.453.877%201.101l.494.857c.35.607.525.91.49%201.234c-.033.323-.267.583-.736%201.104l-1.03%201.153c-.253.319-.432.875-.432%201.375s.18%201.056.431%201.375l1.031%201.153c.469.52.703.781.737%201.104s-.141.627-.491%201.234l-.494.857c-.373.648-.56.972-.877%201.1c-.318.13-.677.028-1.395-.176l-1.22-.343a2%202%200%200%200-1.36.169l-.336.194c-.36.23-.635.57-.788.968l-.334.997c-.22.66-.33.99-.59%201.18c-.262.188-.61.188-1.304.188h-1.114c-.695%200-1.042%200-1.303-.189c-.262-.189-.372-.518-.591-1.178%22%2F%3E%3Cpath%20d%3D%22M2.737%2018.78c1.08-1.08%204.752-4.716%205.112-5.136c.38-.444.072-1.044.256-2.904c.088-.9.282-1.574.836-2.076c.66-.624%201.2-.624%203.06-.666c1.62.042%201.812-.138%201.98.282c.12.3-.24.48-.672.96c-.96.96-1.524%201.44-1.578%201.74c-.39%201.32%201.146%202.1%201.986%201.26c.318-.318%201.788-1.8%201.932-1.92c.108-.096.367-.092.492.06c.108.106.12.12.108.6c-.011.444-.006%201.082-.005%201.74c.002.852-.043%201.8-.403%202.28c-.72%201.08-1.92%201.14-3%201.188c-1.02.06-1.86-.048-2.124.144c-.216.108-1.356%201.308-2.736%202.688l-2.46%202.46c-2.04%201.62-4.284-.9-2.784-2.7Z%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%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M2.256%2015.632c.034-.323.268-.583.737-1.104l1.03-1.153c.253-.32.432-.875.432-1.375s-.18-1.056-.431-1.375L2.993%209.472c-.469-.52-.703-.781-.737-1.104s.141-.627.491-1.234l.494-.857c.373-.648.56-.972.877-1.1c.318-.13.677-.028%201.395.176l1.22.343c.459.106.94.046%201.359-.169l.337-.194a2%202%200%200%200%20.788-.968l.334-.997c.22-.66.33-.99.59-1.18C10.404%202%2010.752%202%2011.445%202h1.115c.695%200%201.042%200%201.303.189c.262.189.371.519.591%201.179l.334.997a2%202%200%200%200%20.788.968l.337.194c.419.215.9.275%201.358.17l1.22-.344c.719-.204%201.078-.306%201.396-.177c.317.13.504.453.877%201.101l.494.857c.35.607.525.91.49%201.234c-.033.323-.267.583-.736%201.104l-1.03%201.153c-.253.319-.432.875-.432%201.375s.18%201.056.431%201.375l1.031%201.153c.469.52.703.781.737%201.104s-.141.627-.491%201.234l-.494.857c-.373.648-.56.972-.877%201.1c-.318.13-.677.028-1.395-.176l-1.22-.343a2%202%200%200%200-1.36.169l-.336.194c-.36.23-.635.57-.788.968l-.334.997c-.22.66-.33.99-.59%201.18c-.262.188-.61.188-1.304.188h-1.114c-.695%200-1.042%200-1.303-.189c-.262-.189-.372-.518-.591-1.178%22%2F%3E%3Cpath%20d%3D%22M2.737%2018.78c1.08-1.08%204.752-4.716%205.112-5.136c.38-.444.072-1.044.256-2.904c.088-.9.282-1.574.836-2.076c.66-.624%201.2-.624%203.06-.666c1.62.042%201.812-.138%201.98.282c.12.3-.24.48-.672.96c-.96.96-1.524%201.44-1.578%201.74c-.39%201.32%201.146%202.1%201.986%201.26c.318-.318%201.788-1.8%201.932-1.92c.108-.096.367-.092.492.06c.108.106.12.12.108.6c-.011.444-.006%201.082-.005%201.74c.002.852-.043%201.8-.403%202.28c-.72%201.08-1.92%201.14-3%201.188c-1.02.06-1.86-.048-2.124.144c-.216.108-1.356%201.308-2.736%202.688l-2.46%202.46c-2.04%201.62-4.284-.9-2.784-2.7Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/configuration-01.svg?color=%231a73e8&size=48
