tune icon

tune-rounded from Material Symbols by Google · Rounded · Images · Apache-2.0 Free for personal and commercial use.

Name: tune-rounded
Set: Material Symbols
Style: Rounded
Category: Images
Viewbox: 24×24
License: Apache 2.0
Aliases: tune-outline-rounded

1 other variant in Material Symbols

The same icon in other sets

tuneMaterial Icon Theme tuneMaterial Symbols Light tuneMaterial Design Icons

More images icons from Material Symbols

10mp 11mp 12mp 13mp 14mp 15mp 16mp 17mp 18mp 19mp 20mp 21mp 22mp 23mp 24fps-select 24mp 2mp 30fps-select 3mp 4mp 50mp 5mp 60fps-select 6mp

Use the tune icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.288 20.713Q11 20.425 11 20v-4q0-.425.288-.712T12 15t.713.288T13 16v1h7q.425 0 .713.288T21 18t-.288.713T20 19h-7v1q0 .425-.288.713T12 21t-.712-.288M4 19q-.425 0-.712-.288T3 18t.288-.712T4 17h4q.425 0 .713.288T9 18t-.288.713T8 19zm3.288-4.288Q7 14.425 7 14v-1H4q-.425 0-.712-.288T3 12t.288-.712T4 11h3v-1q0-.425.288-.712T8 9t.713.288T9 10v4q0 .425-.288.713T8 15t-.712-.288M12 13q-.425 0-.712-.288T11 12t.288-.712T12 11h8q.425 0 .713.288T21 12t-.288.713T20 13zm3.288-4.288Q15 8.425 15 8V4q0-.425.288-.712T16 3t.713.288T17 4v1h3q.425 0 .713.288T21 6t-.288.713T20 7h-3v1q0 .425-.288.713T16 9t-.712-.288M4 7q-.425 0-.712-.288T3 6t.288-.712T4 5h8q.425 0 .713.288T13 6t-.288.713T12 7z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsTuneRounded(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.288 20.713Q11 20.425 11 20v-4q0-.425.288-.712T12 15t.713.288T13 16v1h7q.425 0 .713.288T21 18t-.288.713T20 19h-7v1q0 .425-.288.713T12 21t-.712-.288M4 19q-.425 0-.712-.288T3 18t.288-.712T4 17h4q.425 0 .713.288T9 18t-.288.713T8 19zm3.288-4.288Q7 14.425 7 14v-1H4q-.425 0-.712-.288T3 12t.288-.712T4 11h3v-1q0-.425.288-.712T8 9t.713.288T9 10v4q0 .425-.288.713T8 15t-.712-.288M12 13q-.425 0-.712-.288T11 12t.288-.712T12 11h8q.425 0 .713.288T21 12t-.288.713T20 13zm3.288-4.288Q15 8.425 15 8V4q0-.425.288-.712T16 3t.713.288T17 4v1h3q.425 0 .713.288T21 6t-.288.713T20 7h-3v1q0 .425-.288.713T16 9t-.712-.288M4 7q-.425 0-.712-.288T3 6t.288-.712T4 5h8q.425 0 .713.288T13 6t-.288.713T12 7z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.288 20.713Q11 20.425 11 20v-4q0-.425.288-.712T12 15t.713.288T13 16v1h7q.425 0 .713.288T21 18t-.288.713T20 19h-7v1q0 .425-.288.713T12 21t-.712-.288M4 19q-.425 0-.712-.288T3 18t.288-.712T4 17h4q.425 0 .713.288T9 18t-.288.713T8 19zm3.288-4.288Q7 14.425 7 14v-1H4q-.425 0-.712-.288T3 12t.288-.712T4 11h3v-1q0-.425.288-.712T8 9t.713.288T9 10v4q0 .425-.288.713T8 15t-.712-.288M12 13q-.425 0-.712-.288T11 12t.288-.712T12 11h8q.425 0 .713.288T21 12t-.288.713T20 13zm3.288-4.288Q15 8.425 15 8V4q0-.425.288-.712T16 3t.713.288T17 4v1h3q.425 0 .713.288T21 6t-.288.713T20 7h-3v1q0 .425-.288.713T16 9t-.712-.288M4 7q-.425 0-.712-.288T3 6t.288-.712T4 5h8q.425 0 .713.288T13 6t-.288.713T12 7z"/></svg>
</template>

CSS

.icon-tune-rounded {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.288%2020.713Q11%2020.425%2011%2020v-4q0-.425.288-.712T12%2015t.713.288T13%2016v1h7q.425%200%20.713.288T21%2018t-.288.713T20%2019h-7v1q0%20.425-.288.713T12%2021t-.712-.288M4%2019q-.425%200-.712-.288T3%2018t.288-.712T4%2017h4q.425%200%20.713.288T9%2018t-.288.713T8%2019zm3.288-4.288Q7%2014.425%207%2014v-1H4q-.425%200-.712-.288T3%2012t.288-.712T4%2011h3v-1q0-.425.288-.712T8%209t.713.288T9%2010v4q0%20.425-.288.713T8%2015t-.712-.288M12%2013q-.425%200-.712-.288T11%2012t.288-.712T12%2011h8q.425%200%20.713.288T21%2012t-.288.713T20%2013zm3.288-4.288Q15%208.425%2015%208V4q0-.425.288-.712T16%203t.713.288T17%204v1h3q.425%200%20.713.288T21%206t-.288.713T20%207h-3v1q0%20.425-.288.713T16%209t-.712-.288M4%207q-.425%200-.712-.288T3%206t.288-.712T4%205h8q.425%200%20.713.288T13%206t-.288.713T12%207z%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.288%2020.713Q11%2020.425%2011%2020v-4q0-.425.288-.712T12%2015t.713.288T13%2016v1h7q.425%200%20.713.288T21%2018t-.288.713T20%2019h-7v1q0%20.425-.288.713T12%2021t-.712-.288M4%2019q-.425%200-.712-.288T3%2018t.288-.712T4%2017h4q.425%200%20.713.288T9%2018t-.288.713T8%2019zm3.288-4.288Q7%2014.425%207%2014v-1H4q-.425%200-.712-.288T3%2012t.288-.712T4%2011h3v-1q0-.425.288-.712T8%209t.713.288T9%2010v4q0%20.425-.288.713T8%2015t-.712-.288M12%2013q-.425%200-.712-.288T11%2012t.288-.712T12%2011h8q.425%200%20.713.288T21%2012t-.288.713T20%2013zm3.288-4.288Q15%208.425%2015%208V4q0-.425.288-.712T16%203t.713.288T17%204v1h3q.425%200%20.713.288T21%206t-.288.713T20%207h-3v1q0%20.425-.288.713T16%209t-.712-.288M4%207q-.425%200-.712-.288T3%206t.288-.712T4%205h8q.425%200%20.713.288T13%206t-.288.713T12%207z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/tune-rounded.svg?color=%231a73e8&size=48