relax icon

relax-outline-sharp from Material Symbols by Google · Outline Sharp · Activities · Apache-2.0 Free for personal and commercial use.

Name
relax-outline-sharp
Set
Material Symbols
Style
Outline Sharp
Category
Activities
Viewbox
24×24
License
Apache 2.0

5 other variants in Material Symbols

relaxrelax-outlinerelax-outline-roundedrelax-roundedrelax-sharp

The same icon in other sets

relaxMaterial Symbols Light

More activities icons from Material Symbols

airarchitecturearrow-cool-downarrow-warm-upavg-paceavg-timeazmbackpackbadmintonbath-outdoorbath-privatebath-public-largebiabiotechbooks-movies-and-musiccadencecakecake-addcampaigncampingcheck-in-outcleaningconfirmation-numberconstruction

Use the relax icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.975 21.95L4.075 14H6.9l5.1 5.1l6.85-6.875q.575-.575.875-1.362t.3-1.613q-.05-1.725-1.15-2.963t-2.75-1.237q-.775 0-1.487.3t-1.238.875L12 7.75l-1.425-1.525q-.525-.575-1.225-.9T7.85 5q-1.35 0-2.337.863T4.174 8h-2.05q.425-2.125 1.988-3.562T7.85 3q1.2 0 2.263.475T12 4.8q.8-.85 1.863-1.325T16.125 3q2.5 0 4.188 1.85T22 9.25q0 1.225-.425 2.35t-1.275 2zm-.1-9.95H2v-2h13.875q.425 0 .713-.288T16.874 9t-.288-.712T15.875 8q-.35 0-.625.188t-.35.537L12.975 8.2q.275-.975 1.075-1.588T15.875 6q1.25 0 2.125.875T18.875 9T18 11.125T15.875 12H14.7q.075.25.125.488t.05.512q0 1.25-.875 2.125T11.875 16q-1.025 0-1.825-.612T8.975 13.8l1.925-.525q.075.35.35.538t.625.187q.425 0 .713-.288t.287-.712t-.288-.712t-.712-.288m.15.05"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsRelaxOutlineSharp(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.975 21.95L4.075 14H6.9l5.1 5.1l6.85-6.875q.575-.575.875-1.362t.3-1.613q-.05-1.725-1.15-2.963t-2.75-1.237q-.775 0-1.487.3t-1.238.875L12 7.75l-1.425-1.525q-.525-.575-1.225-.9T7.85 5q-1.35 0-2.337.863T4.174 8h-2.05q.425-2.125 1.988-3.562T7.85 3q1.2 0 2.263.475T12 4.8q.8-.85 1.863-1.325T16.125 3q2.5 0 4.188 1.85T22 9.25q0 1.225-.425 2.35t-1.275 2zm-.1-9.95H2v-2h13.875q.425 0 .713-.288T16.874 9t-.288-.712T15.875 8q-.35 0-.625.188t-.35.537L12.975 8.2q.275-.975 1.075-1.588T15.875 6q1.25 0 2.125.875T18.875 9T18 11.125T15.875 12H14.7q.075.25.125.488t.05.512q0 1.25-.875 2.125T11.875 16q-1.025 0-1.825-.612T8.975 13.8l1.925-.525q.075.35.35.538t.625.187q.425 0 .713-.288t.287-.712t-.288-.712t-.712-.288m.15.05"/></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.975 21.95L4.075 14H6.9l5.1 5.1l6.85-6.875q.575-.575.875-1.362t.3-1.613q-.05-1.725-1.15-2.963t-2.75-1.237q-.775 0-1.487.3t-1.238.875L12 7.75l-1.425-1.525q-.525-.575-1.225-.9T7.85 5q-1.35 0-2.337.863T4.174 8h-2.05q.425-2.125 1.988-3.562T7.85 3q1.2 0 2.263.475T12 4.8q.8-.85 1.863-1.325T16.125 3q2.5 0 4.188 1.85T22 9.25q0 1.225-.425 2.35t-1.275 2zm-.1-9.95H2v-2h13.875q.425 0 .713-.288T16.874 9t-.288-.712T15.875 8q-.35 0-.625.188t-.35.537L12.975 8.2q.275-.975 1.075-1.588T15.875 6q1.25 0 2.125.875T18.875 9T18 11.125T15.875 12H14.7q.075.25.125.488t.05.512q0 1.25-.875 2.125T11.875 16q-1.025 0-1.825-.612T8.975 13.8l1.925-.525q.075.35.35.538t.625.187q.425 0 .713-.288t.287-.712t-.288-.712t-.712-.288m.15.05"/></svg>
</template>

CSS

.icon-relax-outline-sharp {
  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.975%2021.95L4.075%2014H6.9l5.1%205.1l6.85-6.875q.575-.575.875-1.362t.3-1.613q-.05-1.725-1.15-2.963t-2.75-1.237q-.775%200-1.487.3t-1.238.875L12%207.75l-1.425-1.525q-.525-.575-1.225-.9T7.85%205q-1.35%200-2.337.863T4.174%208h-2.05q.425-2.125%201.988-3.562T7.85%203q1.2%200%202.263.475T12%204.8q.8-.85%201.863-1.325T16.125%203q2.5%200%204.188%201.85T22%209.25q0%201.225-.425%202.35t-1.275%202zm-.1-9.95H2v-2h13.875q.425%200%20.713-.288T16.874%209t-.288-.712T15.875%208q-.35%200-.625.188t-.35.537L12.975%208.2q.275-.975%201.075-1.588T15.875%206q1.25%200%202.125.875T18.875%209T18%2011.125T15.875%2012H14.7q.075.25.125.488t.05.512q0%201.25-.875%202.125T11.875%2016q-1.025%200-1.825-.612T8.975%2013.8l1.925-.525q.075.35.35.538t.625.187q.425%200%20.713-.288t.287-.712t-.288-.712t-.712-.288m.15.05%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.975%2021.95L4.075%2014H6.9l5.1%205.1l6.85-6.875q.575-.575.875-1.362t.3-1.613q-.05-1.725-1.15-2.963t-2.75-1.237q-.775%200-1.487.3t-1.238.875L12%207.75l-1.425-1.525q-.525-.575-1.225-.9T7.85%205q-1.35%200-2.337.863T4.174%208h-2.05q.425-2.125%201.988-3.562T7.85%203q1.2%200%202.263.475T12%204.8q.8-.85%201.863-1.325T16.125%203q2.5%200%204.188%201.85T22%209.25q0%201.225-.425%202.35t-1.275%202zm-.1-9.95H2v-2h13.875q.425%200%20.713-.288T16.874%209t-.288-.712T15.875%208q-.35%200-.625.188t-.35.537L12.975%208.2q.275-.975%201.075-1.588T15.875%206q1.25%200%202.125.875T18.875%209T18%2011.125T15.875%2012H14.7q.075.25.125.488t.05.512q0%201.25-.875%202.125T11.875%2016q-1.025%200-1.825-.612T8.975%2013.8l1.925-.525q.075.35.35.538t.625.187q.425%200%20.713-.288t.287-.712t-.288-.712t-.712-.288m.15.05%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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