magic hat 2 icon
magic-hat-2-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- magic-hat-2-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 hat 2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.055 15.224c.125 1.474.441 2.848.667 3.685c.242.9-.152 1.998-1.203 2.359c-.928.319-2.518.732-4.519.732a14.1 14.1 0 0 1-4.52-.732c-1.051-.361-1.444-1.46-1.202-2.359c.226-.837.54-2.211.666-3.685C8.4 15.729 10.161 16 12 16c1.84 0 3.599-.271 5.055-.776M12 7c2.035 0 3.925.352 5.344.96c.707.303 1.344.69 1.818 1.17c.478.485.838 1.118.838 1.87s-.36 1.386-.838 1.87c-.474.48-1.11.867-1.818 1.17c-1.419.608-3.309.96-5.344.96s-3.925-.352-5.344-.96c-.707-.303-1.344-.69-1.818-1.17C4.36 12.386 4 11.752 4 11s.36-1.385.838-1.87c.474-.48 1.11-.867 1.818-1.17C8.075 7.352 9.965 7 12 7m0 3c-1.657 0-3 .448-3 1s1.343 1 3 1s3-.448 3-1s-1.343-1-3-1m3.833-6.712c.16-.297.188-.269.334 0c.353.652.91 1.2 1.602 1.577c.216.118.238.142 0 .27a3.96 3.96 0 0 0-1.602 1.578c-.146.27-.173.297-.334 0a3.96 3.96 0 0 0-1.603-1.577c-.215-.117-.237-.141 0-.27a3.96 3.96 0 0 0 1.603-1.578M9.44 1.432c.216-.45.251-.402.445 0a5.64 5.64 0 0 0 2.133 2.365c.288.177.314.214 0 .407A5.64 5.64 0 0 0 9.885 6.57c-.194.403-.229.45-.445 0a5.64 5.64 0 0 0-2.132-2.365c-.289-.177-.315-.214 0-.407A5.64 5.64 0 0 0 9.44 1.432"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteMagicHat2Fill(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="M17.055 15.224c.125 1.474.441 2.848.667 3.685c.242.9-.152 1.998-1.203 2.359c-.928.319-2.518.732-4.519.732a14.1 14.1 0 0 1-4.52-.732c-1.051-.361-1.444-1.46-1.202-2.359c.226-.837.54-2.211.666-3.685C8.4 15.729 10.161 16 12 16c1.84 0 3.599-.271 5.055-.776M12 7c2.035 0 3.925.352 5.344.96c.707.303 1.344.69 1.818 1.17c.478.485.838 1.118.838 1.87s-.36 1.386-.838 1.87c-.474.48-1.11.867-1.818 1.17c-1.419.608-3.309.96-5.344.96s-3.925-.352-5.344-.96c-.707-.303-1.344-.69-1.818-1.17C4.36 12.386 4 11.752 4 11s.36-1.385.838-1.87c.474-.48 1.11-.867 1.818-1.17C8.075 7.352 9.965 7 12 7m0 3c-1.657 0-3 .448-3 1s1.343 1 3 1s3-.448 3-1s-1.343-1-3-1m3.833-6.712c.16-.297.188-.269.334 0c.353.652.91 1.2 1.602 1.577c.216.118.238.142 0 .27a3.96 3.96 0 0 0-1.602 1.578c-.146.27-.173.297-.334 0a3.96 3.96 0 0 0-1.603-1.577c-.215-.117-.237-.141 0-.27a3.96 3.96 0 0 0 1.603-1.578M9.44 1.432c.216-.45.251-.402.445 0a5.64 5.64 0 0 0 2.133 2.365c.288.177.314.214 0 .407A5.64 5.64 0 0 0 9.885 6.57c-.194.403-.229.45-.445 0a5.64 5.64 0 0 0-2.132-2.365c-.289-.177-.315-.214 0-.407A5.64 5.64 0 0 0 9.44 1.432"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.055 15.224c.125 1.474.441 2.848.667 3.685c.242.9-.152 1.998-1.203 2.359c-.928.319-2.518.732-4.519.732a14.1 14.1 0 0 1-4.52-.732c-1.051-.361-1.444-1.46-1.202-2.359c.226-.837.54-2.211.666-3.685C8.4 15.729 10.161 16 12 16c1.84 0 3.599-.271 5.055-.776M12 7c2.035 0 3.925.352 5.344.96c.707.303 1.344.69 1.818 1.17c.478.485.838 1.118.838 1.87s-.36 1.386-.838 1.87c-.474.48-1.11.867-1.818 1.17c-1.419.608-3.309.96-5.344.96s-3.925-.352-5.344-.96c-.707-.303-1.344-.69-1.818-1.17C4.36 12.386 4 11.752 4 11s.36-1.385.838-1.87c.474-.48 1.11-.867 1.818-1.17C8.075 7.352 9.965 7 12 7m0 3c-1.657 0-3 .448-3 1s1.343 1 3 1s3-.448 3-1s-1.343-1-3-1m3.833-6.712c.16-.297.188-.269.334 0c.353.652.91 1.2 1.602 1.577c.216.118.238.142 0 .27a3.96 3.96 0 0 0-1.602 1.578c-.146.27-.173.297-.334 0a3.96 3.96 0 0 0-1.603-1.577c-.215-.117-.237-.141 0-.27a3.96 3.96 0 0 0 1.603-1.578M9.44 1.432c.216-.45.251-.402.445 0a5.64 5.64 0 0 0 2.133 2.365c.288.177.314.214 0 .407A5.64 5.64 0 0 0 9.885 6.57c-.194.403-.229.45-.445 0a5.64 5.64 0 0 0-2.132-2.365c-.289-.177-.315-.214 0-.407A5.64 5.64 0 0 0 9.44 1.432"/></svg> </template>
CSS
.icon-magic-hat-2-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%20d%3D%22M17.055%2015.224c.125%201.474.441%202.848.667%203.685c.242.9-.152%201.998-1.203%202.359c-.928.319-2.518.732-4.519.732a14.1%2014.1%200%200%201-4.52-.732c-1.051-.361-1.444-1.46-1.202-2.359c.226-.837.54-2.211.666-3.685C8.4%2015.729%2010.161%2016%2012%2016c1.84%200%203.599-.271%205.055-.776M12%207c2.035%200%203.925.352%205.344.96c.707.303%201.344.69%201.818%201.17c.478.485.838%201.118.838%201.87s-.36%201.386-.838%201.87c-.474.48-1.11.867-1.818%201.17c-1.419.608-3.309.96-5.344.96s-3.925-.352-5.344-.96c-.707-.303-1.344-.69-1.818-1.17C4.36%2012.386%204%2011.752%204%2011s.36-1.385.838-1.87c.474-.48%201.11-.867%201.818-1.17C8.075%207.352%209.965%207%2012%207m0%203c-1.657%200-3%20.448-3%201s1.343%201%203%201s3-.448%203-1s-1.343-1-3-1m3.833-6.712c.16-.297.188-.269.334%200c.353.652.91%201.2%201.602%201.577c.216.118.238.142%200%20.27a3.96%203.96%200%200%200-1.602%201.578c-.146.27-.173.297-.334%200a3.96%203.96%200%200%200-1.603-1.577c-.215-.117-.237-.141%200-.27a3.96%203.96%200%200%200%201.603-1.578M9.44%201.432c.216-.45.251-.402.445%200a5.64%205.64%200%200%200%202.133%202.365c.288.177.314.214%200%20.407A5.64%205.64%200%200%200%209.885%206.57c-.194.403-.229.45-.445%200a5.64%205.64%200%200%200-2.132-2.365c-.289-.177-.315-.214%200-.407A5.64%205.64%200%200%200%209.44%201.432%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%22M17.055%2015.224c.125%201.474.441%202.848.667%203.685c.242.9-.152%201.998-1.203%202.359c-.928.319-2.518.732-4.519.732a14.1%2014.1%200%200%201-4.52-.732c-1.051-.361-1.444-1.46-1.202-2.359c.226-.837.54-2.211.666-3.685C8.4%2015.729%2010.161%2016%2012%2016c1.84%200%203.599-.271%205.055-.776M12%207c2.035%200%203.925.352%205.344.96c.707.303%201.344.69%201.818%201.17c.478.485.838%201.118.838%201.87s-.36%201.386-.838%201.87c-.474.48-1.11.867-1.818%201.17c-1.419.608-3.309.96-5.344.96s-3.925-.352-5.344-.96c-.707-.303-1.344-.69-1.818-1.17C4.36%2012.386%204%2011.752%204%2011s.36-1.385.838-1.87c.474-.48%201.11-.867%201.818-1.17C8.075%207.352%209.965%207%2012%207m0%203c-1.657%200-3%20.448-3%201s1.343%201%203%201s3-.448%203-1s-1.343-1-3-1m3.833-6.712c.16-.297.188-.269.334%200c.353.652.91%201.2%201.602%201.577c.216.118.238.142%200%20.27a3.96%203.96%200%200%200-1.602%201.578c-.146.27-.173.297-.334%200a3.96%203.96%200%200%200-1.603-1.577c-.215-.117-.237-.141%200-.27a3.96%203.96%200%200%200%201.603-1.578M9.44%201.432c.216-.45.251-.402.445%200a5.64%205.64%200%200%200%202.133%202.365c.288.177.314.214%200%20.407A5.64%205.64%200%200%200%209.885%206.57c-.194.403-.229.45-.445%200a5.64%205.64%200%200%200-2.132-2.365c-.289-.177-.315-.214%200-.407A5.64%205.64%200%200%200%209.44%201.432%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/magic-hat-2-fill.svg?color=%231a73e8&size=48
