scaling icon
scaling-broken from Solar by 480 Design · Broken · Arrows Action · CC-BY-4.0 Attribution required.
- Name
- scaling-broken
- Set
- Solar
- Style
- Broken
- Category
- Arrows Action
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More arrows action icons from Solar
arrow-to-down-left-boldarrow-to-down-right-boldarrow-to-top-left-boldarrow-to-top-right-boldcircle-bottom-down-boldcircle-bottom-up-boldcircle-top-down-boldcircle-top-up-bolddownload-bolddownload-minimalistic-bolddownload-square-bolddownload-twice-square-boldexit-boldexport-boldforward-2-boldforward-boldimport-boldlogin-2-boldlogin-3-boldlogin-boldlogout-2-boldlogout-3-boldlogout-boldmaximize-bold
Use the scaling 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.00024 11.9994C2.00024 16.7135 2.00024 19.0705 3.46471 20.535C4.92918 21.9994 7.2862 21.9994 12.0002 21.9994C16.7143 21.9994 19.0713 21.9994 20.5358 20.535C21.8928 19.1779 21.9924 17.0545 21.9997 12.9994M11.0002 2C6.94518 2.0073 4.82174 2.10686 3.46471 3.46389C2.64814 4.28046 2.28688 5.37454 2.12705 7"/><path stroke-linejoin="round" d="M13 11L22 2M22 7.34375V2H16.6562M21 3L12 12M12 8V12H16"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarScalingBroken(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.00024 11.9994C2.00024 16.7135 2.00024 19.0705 3.46471 20.535C4.92918 21.9994 7.2862 21.9994 12.0002 21.9994C16.7143 21.9994 19.0713 21.9994 20.5358 20.535C21.8928 19.1779 21.9924 17.0545 21.9997 12.9994M11.0002 2C6.94518 2.0073 4.82174 2.10686 3.46471 3.46389C2.64814 4.28046 2.28688 5.37454 2.12705 7"/><path strokeLinejoin="round" d="M13 11L22 2M22 7.34375V2H16.6562M21 3L12 12M12 8V12H16"/></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.00024 11.9994C2.00024 16.7135 2.00024 19.0705 3.46471 20.535C4.92918 21.9994 7.2862 21.9994 12.0002 21.9994C16.7143 21.9994 19.0713 21.9994 20.5358 20.535C21.8928 19.1779 21.9924 17.0545 21.9997 12.9994M11.0002 2C6.94518 2.0073 4.82174 2.10686 3.46471 3.46389C2.64814 4.28046 2.28688 5.37454 2.12705 7"/><path stroke-linejoin="round" d="M13 11L22 2M22 7.34375V2H16.6562M21 3L12 12M12 8V12H16"/></g></svg> </template>
CSS
.icon-scaling-broken {
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.00024%2011.9994C2.00024%2016.7135%202.00024%2019.0705%203.46471%2020.535C4.92918%2021.9994%207.2862%2021.9994%2012.0002%2021.9994C16.7143%2021.9994%2019.0713%2021.9994%2020.5358%2020.535C21.8928%2019.1779%2021.9924%2017.0545%2021.9997%2012.9994M11.0002%202C6.94518%202.0073%204.82174%202.10686%203.46471%203.46389C2.64814%204.28046%202.28688%205.37454%202.12705%207%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M13%2011L22%202M22%207.34375V2H16.6562M21%203L12%2012M12%208V12H16%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.00024%2011.9994C2.00024%2016.7135%202.00024%2019.0705%203.46471%2020.535C4.92918%2021.9994%207.2862%2021.9994%2012.0002%2021.9994C16.7143%2021.9994%2019.0713%2021.9994%2020.5358%2020.535C21.8928%2019.1779%2021.9924%2017.0545%2021.9997%2012.9994M11.0002%202C6.94518%202.0073%204.82174%202.10686%203.46471%203.46389C2.64814%204.28046%202.28688%205.37454%202.12705%207%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M13%2011L22%202M22%207.34375V2H16.6562M21%203L12%2012M12%208V12H16%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/scaling-broken.svg?color=%231a73e8&size=48
