scaling icon
scaling from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- scaling
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
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"><path fill="currentColor" d="M7.962 14.97a.75.75 0 1 0 1.06 1.06l-.53-.53zm13.06-10.94a.75.75 0 0 0-1.06-1.06l.53.53zM8.493 15.5l.53.53l12-12l-.53-.53l-.53-.53l-12 12z"/><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M21.492 13c-.008 3.82-.108 5.826-1.391 7.11c-1.391 1.39-3.63 1.39-8.109 1.39c-4.478 0-6.717 0-8.109-1.39c-1.39-1.392-1.39-3.631-1.39-8.11s0-6.717 1.39-8.108c1.284-1.284 3.29-1.383 7.11-1.391"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.098 10s-.383 4.898.307 5.587s5.587.307 5.587.307M21.386 8.5s.383-4.898-.306-5.587s-5.588-.307-5.588-.307"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsScaling(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="M7.962 14.97a.75.75 0 1 0 1.06 1.06l-.53-.53zm13.06-10.94a.75.75 0 0 0-1.06-1.06l.53.53zM8.493 15.5l.53.53l12-12l-.53-.53l-.53-.53l-12 12z"/><path stroke="currentColor" strokeLinecap="round" strokeWidth="1.5" d="M21.492 13c-.008 3.82-.108 5.826-1.391 7.11c-1.391 1.39-3.63 1.39-8.109 1.39c-4.478 0-6.717 0-8.109-1.39c-1.39-1.392-1.39-3.631-1.39-8.11s0-6.717 1.39-8.108c1.284-1.284 3.29-1.383 7.11-1.391"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M8.098 10s-.383 4.898.307 5.587s5.587.307 5.587.307M21.386 8.5s.383-4.898-.306-5.587s-5.588-.307-5.588-.307"/></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="M7.962 14.97a.75.75 0 1 0 1.06 1.06l-.53-.53zm13.06-10.94a.75.75 0 0 0-1.06-1.06l.53.53zM8.493 15.5l.53.53l12-12l-.53-.53l-.53-.53l-12 12z"/><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M21.492 13c-.008 3.82-.108 5.826-1.391 7.11c-1.391 1.39-3.63 1.39-8.109 1.39c-4.478 0-6.717 0-8.109-1.39c-1.39-1.392-1.39-3.631-1.39-8.11s0-6.717 1.39-8.108c1.284-1.284 3.29-1.383 7.11-1.391"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.098 10s-.383 4.898.307 5.587s5.587.307 5.587.307M21.386 8.5s.383-4.898-.306-5.587s-5.588-.307-5.588-.307"/></g></svg> </template>
CSS
.icon-scaling {
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%22M7.962%2014.97a.75.75%200%201%200%201.06%201.06l-.53-.53zm13.06-10.94a.75.75%200%200%200-1.06-1.06l.53.53zM8.493%2015.5l.53.53l12-12l-.53-.53l-.53-.53l-12%2012z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M21.492%2013c-.008%203.82-.108%205.826-1.391%207.11c-1.391%201.39-3.63%201.39-8.109%201.39c-4.478%200-6.717%200-8.109-1.39c-1.39-1.392-1.39-3.631-1.39-8.11s0-6.717%201.39-8.108c1.284-1.284%203.29-1.383%207.11-1.391%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M8.098%2010s-.383%204.898.307%205.587s5.587.307%205.587.307M21.386%208.5s.383-4.898-.306-5.587s-5.588-.307-5.588-.307%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%22M7.962%2014.97a.75.75%200%201%200%201.06%201.06l-.53-.53zm13.06-10.94a.75.75%200%200%200-1.06-1.06l.53.53zM8.493%2015.5l.53.53l12-12l-.53-.53l-.53-.53l-12%2012z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M21.492%2013c-.008%203.82-.108%205.826-1.391%207.11c-1.391%201.39-3.63%201.39-8.109%201.39c-4.478%200-6.717%200-8.109-1.39c-1.39-1.392-1.39-3.631-1.39-8.11s0-6.717%201.39-8.108c1.284-1.284%203.29-1.383%207.11-1.391%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M8.098%2010s-.383%204.898.307%205.587s5.587.307%205.587.307M21.386%208.5s.383-4.898-.306-5.587s-5.588-.307-5.588-.307%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/scaling.svg?color=%231a73e8&size=48
