magic 3 icon
magic-3-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- magic-3-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
Related icons in MingCute Icon
Use the magic 3 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.636 4.222a2 2 0 0 1 2.828 0l12.021 12.02a1.01 1.01 0 0 1 0 1.415l-2.828 2.828a1 1 0 0 1-1.414 0L4.222 8.465a2 2 0 0 1 0-2.829zm3.536 3.535L7.757 9.172L5.636 7.05L7.05 5.636z" clip-rule="evenodd"/><path fill="currentColor" d="m14.21 2.502l.004.007c.268.536.715.998 1.3 1.292l.006.002c.275.137.48.373.48.697s-.205.56-.48.697l-.005.002a2.9 2.9 0 0 0-1.3 1.292l-.004.007c-.14.284-.375.502-.711.502s-.57-.218-.71-.501l-.004-.008a2.9 2.9 0 0 0-1.3-1.292l-.006-.002c-.275-.137-.48-.374-.48-.698s.205-.56.48-.696l.005-.002a2.9 2.9 0 0 0 1.3-1.292l.004-.007c.14-.284.375-.502.71-.502c.337 0 .571.218.712.502M3.997 12.244C4.18 11.826 4.51 11.5 5 11.5s.82.325 1.003.744c.329.748.88 1.396 1.595 1.8c.358.202.62.525.62.955c0 .427-.258.754-.615.954c-.714.4-1.266 1.048-1.595 1.793c-.187.422-.512.754-1.008.754c-.497 0-.822-.332-1.008-.754a3.8 3.8 0 0 0-1.59-1.79c-.359-.202-.621-.526-.621-.957s.263-.753.621-.955a3.8 3.8 0 0 0 1.59-1.79zm14.575-4.837l-.003-.006c-.255-.514-.883-.514-1.138 0l-.003.006a2.3 2.3 0 0 1-1.04 1.033l-.004.003c-.494.245-.494.869 0 1.114l.004.003a2.3 2.3 0 0 1 1.04 1.033l.003.006c.255.514.883.514 1.138 0l.003-.006c.213-.43.571-.798 1.04-1.033l.004-.003c.494-.245.494-.869 0-1.114l-.004-.003a2.3 2.3 0 0 1-1.04-1.033"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteMagic3Fill(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" fillRule="evenodd" d="M5.636 4.222a2 2 0 0 1 2.828 0l12.021 12.02a1.01 1.01 0 0 1 0 1.415l-2.828 2.828a1 1 0 0 1-1.414 0L4.222 8.465a2 2 0 0 1 0-2.829zm3.536 3.535L7.757 9.172L5.636 7.05L7.05 5.636z" clipRule="evenodd"/><path fill="currentColor" d="m14.21 2.502l.004.007c.268.536.715.998 1.3 1.292l.006.002c.275.137.48.373.48.697s-.205.56-.48.697l-.005.002a2.9 2.9 0 0 0-1.3 1.292l-.004.007c-.14.284-.375.502-.711.502s-.57-.218-.71-.501l-.004-.008a2.9 2.9 0 0 0-1.3-1.292l-.006-.002c-.275-.137-.48-.374-.48-.698s.205-.56.48-.696l.005-.002a2.9 2.9 0 0 0 1.3-1.292l.004-.007c.14-.284.375-.502.71-.502c.337 0 .571.218.712.502M3.997 12.244C4.18 11.826 4.51 11.5 5 11.5s.82.325 1.003.744c.329.748.88 1.396 1.595 1.8c.358.202.62.525.62.955c0 .427-.258.754-.615.954c-.714.4-1.266 1.048-1.595 1.793c-.187.422-.512.754-1.008.754c-.497 0-.822-.332-1.008-.754a3.8 3.8 0 0 0-1.59-1.79c-.359-.202-.621-.526-.621-.957s.263-.753.621-.955a3.8 3.8 0 0 0 1.59-1.79zm14.575-4.837l-.003-.006c-.255-.514-.883-.514-1.138 0l-.003.006a2.3 2.3 0 0 1-1.04 1.033l-.004.003c-.494.245-.494.869 0 1.114l.004.003a2.3 2.3 0 0 1 1.04 1.033l.003.006c.255.514.883.514 1.138 0l.003-.006c.213-.43.571-.798 1.04-1.033l.004-.003c.494-.245.494-.869 0-1.114l-.004-.003a2.3 2.3 0 0 1-1.04-1.033"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.636 4.222a2 2 0 0 1 2.828 0l12.021 12.02a1.01 1.01 0 0 1 0 1.415l-2.828 2.828a1 1 0 0 1-1.414 0L4.222 8.465a2 2 0 0 1 0-2.829zm3.536 3.535L7.757 9.172L5.636 7.05L7.05 5.636z" clip-rule="evenodd"/><path fill="currentColor" d="m14.21 2.502l.004.007c.268.536.715.998 1.3 1.292l.006.002c.275.137.48.373.48.697s-.205.56-.48.697l-.005.002a2.9 2.9 0 0 0-1.3 1.292l-.004.007c-.14.284-.375.502-.711.502s-.57-.218-.71-.501l-.004-.008a2.9 2.9 0 0 0-1.3-1.292l-.006-.002c-.275-.137-.48-.374-.48-.698s.205-.56.48-.696l.005-.002a2.9 2.9 0 0 0 1.3-1.292l.004-.007c.14-.284.375-.502.71-.502c.337 0 .571.218.712.502M3.997 12.244C4.18 11.826 4.51 11.5 5 11.5s.82.325 1.003.744c.329.748.88 1.396 1.595 1.8c.358.202.62.525.62.955c0 .427-.258.754-.615.954c-.714.4-1.266 1.048-1.595 1.793c-.187.422-.512.754-1.008.754c-.497 0-.822-.332-1.008-.754a3.8 3.8 0 0 0-1.59-1.79c-.359-.202-.621-.526-.621-.957s.263-.753.621-.955a3.8 3.8 0 0 0 1.59-1.79zm14.575-4.837l-.003-.006c-.255-.514-.883-.514-1.138 0l-.003.006a2.3 2.3 0 0 1-1.04 1.033l-.004.003c-.494.245-.494.869 0 1.114l.004.003a2.3 2.3 0 0 1 1.04 1.033l.003.006c.255.514.883.514 1.138 0l.003-.006c.213-.43.571-.798 1.04-1.033l.004-.003c.494-.245.494-.869 0-1.114l-.004-.003a2.3 2.3 0 0 1-1.04-1.033"/></svg> </template>
CSS
.icon-magic-3-fill {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M5.636%204.222a2%202%200%200%201%202.828%200l12.021%2012.02a1.01%201.01%200%200%201%200%201.415l-2.828%202.828a1%201%200%200%201-1.414%200L4.222%208.465a2%202%200%200%201%200-2.829zm3.536%203.535L7.757%209.172L5.636%207.05L7.05%205.636z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m14.21%202.502l.004.007c.268.536.715.998%201.3%201.292l.006.002c.275.137.48.373.48.697s-.205.56-.48.697l-.005.002a2.9%202.9%200%200%200-1.3%201.292l-.004.007c-.14.284-.375.502-.711.502s-.57-.218-.71-.501l-.004-.008a2.9%202.9%200%200%200-1.3-1.292l-.006-.002c-.275-.137-.48-.374-.48-.698s.205-.56.48-.696l.005-.002a2.9%202.9%200%200%200%201.3-1.292l.004-.007c.14-.284.375-.502.71-.502c.337%200%20.571.218.712.502M3.997%2012.244C4.18%2011.826%204.51%2011.5%205%2011.5s.82.325%201.003.744c.329.748.88%201.396%201.595%201.8c.358.202.62.525.62.955c0%20.427-.258.754-.615.954c-.714.4-1.266%201.048-1.595%201.793c-.187.422-.512.754-1.008.754c-.497%200-.822-.332-1.008-.754a3.8%203.8%200%200%200-1.59-1.79c-.359-.202-.621-.526-.621-.957s.263-.753.621-.955a3.8%203.8%200%200%200%201.59-1.79zm14.575-4.837l-.003-.006c-.255-.514-.883-.514-1.138%200l-.003.006a2.3%202.3%200%200%201-1.04%201.033l-.004.003c-.494.245-.494.869%200%201.114l.004.003a2.3%202.3%200%200%201%201.04%201.033l.003.006c.255.514.883.514%201.138%200l.003-.006c.213-.43.571-.798%201.04-1.033l.004-.003c.494-.245.494-.869%200-1.114l-.004-.003a2.3%202.3%200%200%201-1.04-1.033%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%20fill-rule%3D%22evenodd%22%20d%3D%22M5.636%204.222a2%202%200%200%201%202.828%200l12.021%2012.02a1.01%201.01%200%200%201%200%201.415l-2.828%202.828a1%201%200%200%201-1.414%200L4.222%208.465a2%202%200%200%201%200-2.829zm3.536%203.535L7.757%209.172L5.636%207.05L7.05%205.636z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m14.21%202.502l.004.007c.268.536.715.998%201.3%201.292l.006.002c.275.137.48.373.48.697s-.205.56-.48.697l-.005.002a2.9%202.9%200%200%200-1.3%201.292l-.004.007c-.14.284-.375.502-.711.502s-.57-.218-.71-.501l-.004-.008a2.9%202.9%200%200%200-1.3-1.292l-.006-.002c-.275-.137-.48-.374-.48-.698s.205-.56.48-.696l.005-.002a2.9%202.9%200%200%200%201.3-1.292l.004-.007c.14-.284.375-.502.71-.502c.337%200%20.571.218.712.502M3.997%2012.244C4.18%2011.826%204.51%2011.5%205%2011.5s.82.325%201.003.744c.329.748.88%201.396%201.595%201.8c.358.202.62.525.62.955c0%20.427-.258.754-.615.954c-.714.4-1.266%201.048-1.595%201.793c-.187.422-.512.754-1.008.754c-.497%200-.822-.332-1.008-.754a3.8%203.8%200%200%200-1.59-1.79c-.359-.202-.621-.526-.621-.957s.263-.753.621-.955a3.8%203.8%200%200%200%201.59-1.79zm14.575-4.837l-.003-.006c-.255-.514-.883-.514-1.138%200l-.003.006a2.3%202.3%200%200%201-1.04%201.033l-.004.003c-.494.245-.494.869%200%201.114l.004.003a2.3%202.3%200%200%201%201.04%201.033l.003.006c.255.514.883.514%201.138%200l.003-.006c.213-.43.571-.798%201.04-1.033l.004-.003c.494-.245.494-.869%200-1.114l-.004-.003a2.3%202.3%200%200%201-1.04-1.033%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/magic-3-fill.svg?color=%231a73e8&size=48
