magic 3 icon
magic-3-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- magic-3-line
- Set
- MingCute Icon
- Style
- Line
- 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="none" stroke="currentColor" stroke-width="2" d="m7.757 10.586l2.829-2.828m2.851-4.663c.063-.127.063-.127.126 0l.062.12a2.97 2.97 0 0 0 1.298 1.234c.102.051.103.051 0 .102l-.096.05a2.97 2.97 0 0 0-1.264 1.304c-.063.127-.063.127-.126 0l-.062-.12a2.97 2.97 0 0 0-1.298-1.234c-.103-.051-.102-.051 0-.102l.096-.05a2.97 2.97 0 0 0 1.264-1.304Zm4.521 4.968c.042-.084.042-.084.084 0l.041.08a2 2 0 0 0 .866.823c.068.034.068.034 0 .068l-.064.034a2 2 0 0 0-.843.869c-.042.084-.042.084-.084 0l-.041-.08a2 2 0 0 0-.866-.823c-.068-.034-.068-.034 0-.068l.064-.034a2 2 0 0 0 .843-.869ZM4.907 12.658c.093-.21.093-.21.186 0q.045.102.092.201a4.7 4.7 0 0 0 1.92 2.056c.152.085.152.085 0 .17l-.142.085a4.7 4.7 0 0 0-1.87 2.172c-.093.21-.093.21-.186 0l-.092-.201a4.7 4.7 0 0 0-1.92-2.055c-.152-.086-.152-.086 0-.171a4.7 4.7 0 0 0 2.012-2.257Zm12.75 6.413l1.414-1.414a1 1 0 0 0 0-1.414L7.757 4.929a1 1 0 0 0-1.414 0L4.93 6.343a1 1 0 0 0 0 1.414l11.314 11.314a1 1 0 0 0 1.414 0Z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteMagic3Line(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeWidth="2" d="m7.757 10.586l2.829-2.828m2.851-4.663c.063-.127.063-.127.126 0l.062.12a2.97 2.97 0 0 0 1.298 1.234c.102.051.103.051 0 .102l-.096.05a2.97 2.97 0 0 0-1.264 1.304c-.063.127-.063.127-.126 0l-.062-.12a2.97 2.97 0 0 0-1.298-1.234c-.103-.051-.102-.051 0-.102l.096-.05a2.97 2.97 0 0 0 1.264-1.304Zm4.521 4.968c.042-.084.042-.084.084 0l.041.08a2 2 0 0 0 .866.823c.068.034.068.034 0 .068l-.064.034a2 2 0 0 0-.843.869c-.042.084-.042.084-.084 0l-.041-.08a2 2 0 0 0-.866-.823c-.068-.034-.068-.034 0-.068l.064-.034a2 2 0 0 0 .843-.869ZM4.907 12.658c.093-.21.093-.21.186 0q.045.102.092.201a4.7 4.7 0 0 0 1.92 2.056c.152.085.152.085 0 .17l-.142.085a4.7 4.7 0 0 0-1.87 2.172c-.093.21-.093.21-.186 0l-.092-.201a4.7 4.7 0 0 0-1.92-2.055c-.152-.086-.152-.086 0-.171a4.7 4.7 0 0 0 2.012-2.257Zm12.75 6.413l1.414-1.414a1 1 0 0 0 0-1.414L7.757 4.929a1 1 0 0 0-1.414 0L4.93 6.343a1 1 0 0 0 0 1.414l11.314 11.314a1 1 0 0 0 1.414 0Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="2" d="m7.757 10.586l2.829-2.828m2.851-4.663c.063-.127.063-.127.126 0l.062.12a2.97 2.97 0 0 0 1.298 1.234c.102.051.103.051 0 .102l-.096.05a2.97 2.97 0 0 0-1.264 1.304c-.063.127-.063.127-.126 0l-.062-.12a2.97 2.97 0 0 0-1.298-1.234c-.103-.051-.102-.051 0-.102l.096-.05a2.97 2.97 0 0 0 1.264-1.304Zm4.521 4.968c.042-.084.042-.084.084 0l.041.08a2 2 0 0 0 .866.823c.068.034.068.034 0 .068l-.064.034a2 2 0 0 0-.843.869c-.042.084-.042.084-.084 0l-.041-.08a2 2 0 0 0-.866-.823c-.068-.034-.068-.034 0-.068l.064-.034a2 2 0 0 0 .843-.869ZM4.907 12.658c.093-.21.093-.21.186 0q.045.102.092.201a4.7 4.7 0 0 0 1.92 2.056c.152.085.152.085 0 .17l-.142.085a4.7 4.7 0 0 0-1.87 2.172c-.093.21-.093.21-.186 0l-.092-.201a4.7 4.7 0 0 0-1.92-2.055c-.152-.086-.152-.086 0-.171a4.7 4.7 0 0 0 2.012-2.257Zm12.75 6.413l1.414-1.414a1 1 0 0 0 0-1.414L7.757 4.929a1 1 0 0 0-1.414 0L4.93 6.343a1 1 0 0 0 0 1.414l11.314 11.314a1 1 0 0 0 1.414 0Z"/></svg> </template>
CSS
.icon-magic-3-line {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20d%3D%22m7.757%2010.586l2.829-2.828m2.851-4.663c.063-.127.063-.127.126%200l.062.12a2.97%202.97%200%200%200%201.298%201.234c.102.051.103.051%200%20.102l-.096.05a2.97%202.97%200%200%200-1.264%201.304c-.063.127-.063.127-.126%200l-.062-.12a2.97%202.97%200%200%200-1.298-1.234c-.103-.051-.102-.051%200-.102l.096-.05a2.97%202.97%200%200%200%201.264-1.304Zm4.521%204.968c.042-.084.042-.084.084%200l.041.08a2%202%200%200%200%20.866.823c.068.034.068.034%200%20.068l-.064.034a2%202%200%200%200-.843.869c-.042.084-.042.084-.084%200l-.041-.08a2%202%200%200%200-.866-.823c-.068-.034-.068-.034%200-.068l.064-.034a2%202%200%200%200%20.843-.869ZM4.907%2012.658c.093-.21.093-.21.186%200q.045.102.092.201a4.7%204.7%200%200%200%201.92%202.056c.152.085.152.085%200%20.17l-.142.085a4.7%204.7%200%200%200-1.87%202.172c-.093.21-.093.21-.186%200l-.092-.201a4.7%204.7%200%200%200-1.92-2.055c-.152-.086-.152-.086%200-.171a4.7%204.7%200%200%200%202.012-2.257Zm12.75%206.413l1.414-1.414a1%201%200%200%200%200-1.414L7.757%204.929a1%201%200%200%200-1.414%200L4.93%206.343a1%201%200%200%200%200%201.414l11.314%2011.314a1%201%200%200%200%201.414%200Z%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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20d%3D%22m7.757%2010.586l2.829-2.828m2.851-4.663c.063-.127.063-.127.126%200l.062.12a2.97%202.97%200%200%200%201.298%201.234c.102.051.103.051%200%20.102l-.096.05a2.97%202.97%200%200%200-1.264%201.304c-.063.127-.063.127-.126%200l-.062-.12a2.97%202.97%200%200%200-1.298-1.234c-.103-.051-.102-.051%200-.102l.096-.05a2.97%202.97%200%200%200%201.264-1.304Zm4.521%204.968c.042-.084.042-.084.084%200l.041.08a2%202%200%200%200%20.866.823c.068.034.068.034%200%20.068l-.064.034a2%202%200%200%200-.843.869c-.042.084-.042.084-.084%200l-.041-.08a2%202%200%200%200-.866-.823c-.068-.034-.068-.034%200-.068l.064-.034a2%202%200%200%200%20.843-.869ZM4.907%2012.658c.093-.21.093-.21.186%200q.045.102.092.201a4.7%204.7%200%200%200%201.92%202.056c.152.085.152.085%200%20.17l-.142.085a4.7%204.7%200%200%200-1.87%202.172c-.093.21-.093.21-.186%200l-.092-.201a4.7%204.7%200%200%200-1.92-2.055c-.152-.086-.152-.086%200-.171a4.7%204.7%200%200%200%202.012-2.257Zm12.75%206.413l1.414-1.414a1%201%200%200%200%200-1.414L7.757%204.929a1%201%200%200%200-1.414%200L4.93%206.343a1%201%200%200%200%200%201.414l11.314%2011.314a1%201%200%200%200%201.414%200Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/magic-3-line.svg?color=%231a73e8&size=48
