scaling icon
scaling-line-duotone from Solar by 480 Design · Line Duotone · Arrows Action · CC-BY-4.0 Attribution required.
- Name
- scaling-line-duotone
- Set
- Solar
- Style
- Line Duotone
- 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="M11.0002 2C6.94518 2.0073 4.82174 2.10686 3.46471 3.46389C2.00024 4.92835 2.00024 7.28538 2.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.9994" opacity=".5"/><path stroke-linejoin="round" d="M13 11L22 2M22 7.34375V2H16.6562M21 3L12 12M12 8V12H16"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarScalingLineDuotone(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="M11.0002 2C6.94518 2.0073 4.82174 2.10686 3.46471 3.46389C2.00024 4.92835 2.00024 7.28538 2.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.9994" opacity=".5"/><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="M11.0002 2C6.94518 2.0073 4.82174 2.10686 3.46471 3.46389C2.00024 4.92835 2.00024 7.28538 2.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.9994" opacity=".5"/><path stroke-linejoin="round" d="M13 11L22 2M22 7.34375V2H16.6562M21 3L12 12M12 8V12H16"/></g></svg> </template>
CSS
.icon-scaling-line-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%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M11.0002%202C6.94518%202.0073%204.82174%202.10686%203.46471%203.46389C2.00024%204.92835%202.00024%207.28538%202.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.9994%22%20opacity%3D%22.5%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%22M11.0002%202C6.94518%202.0073%204.82174%202.10686%203.46471%203.46389C2.00024%204.92835%202.00024%207.28538%202.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.9994%22%20opacity%3D%22.5%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-line-duotone.svg?color=%231a73e8&size=48
