color wand icon

color-wand-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.

Name: color-wand-sharp
Set: IonIcons
Style: Sharp
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

Related icons in IonIcons

Use the color wand icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m133.441 200.647l67.197-67.196l78.142 78.142l-67.196 67.197zM301.41 234.21l-67.19 67.2L412 480l68-68zM32 176h80v32H32zm35.624-85.75L90.25 67.622l56.569 56.569l-22.628 22.627zM176 32h32v80h-32zm61.32 92.195l56.569-56.569l22.627 22.627l-56.568 56.569zM67.62 293.886l56.569-56.568l22.627 22.627l-56.568 56.569z"/></svg>

React

import type { SVGProps } from "react";

export function IonColorWandSharp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m133.441 200.647l67.197-67.196l78.142 78.142l-67.196 67.197zM301.41 234.21l-67.19 67.2L412 480l68-68zM32 176h80v32H32zm35.624-85.75L90.25 67.622l56.569 56.569l-22.628 22.627zM176 32h32v80h-32zm61.32 92.195l56.569-56.569l22.627 22.627l-56.568 56.569zM67.62 293.886l56.569-56.568l22.627 22.627l-56.568 56.569z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m133.441 200.647l67.197-67.196l78.142 78.142l-67.196 67.197zM301.41 234.21l-67.19 67.2L412 480l68-68zM32 176h80v32H32zm35.624-85.75L90.25 67.622l56.569 56.569l-22.628 22.627zM176 32h32v80h-32zm61.32 92.195l56.569-56.569l22.627 22.627l-56.568 56.569zM67.62 293.886l56.569-56.568l22.627 22.627l-56.568 56.569z"/></svg>
</template>

CSS

.icon-color-wand-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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m133.441%20200.647l67.197-67.196l78.142%2078.142l-67.196%2067.197zM301.41%20234.21l-67.19%2067.2L412%20480l68-68zM32%20176h80v32H32zm35.624-85.75L90.25%2067.622l56.569%2056.569l-22.628%2022.627zM176%2032h32v80h-32zm61.32%2092.195l56.569-56.569l22.627%2022.627l-56.568%2056.569zM67.62%20293.886l56.569-56.568l22.627%2022.627l-56.568%2056.569z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m133.441%20200.647l67.197-67.196l78.142%2078.142l-67.196%2067.197zM301.41%20234.21l-67.19%2067.2L412%20480l68-68zM32%20176h80v32H32zm35.624-85.75L90.25%2067.622l56.569%2056.569l-22.628%2022.627zM176%2032h32v80h-32zm61.32%2092.195l56.569-56.569l22.627%2022.627l-56.568%2056.569zM67.62%20293.886l56.569-56.568l22.627%2022.627l-56.568%2056.569z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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