crystal ball icon
crystal-ball-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- crystal-ball-line
- Set
- MingCute Icon
- Style
- Line
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
Use the crystal ball icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" d="M16 10.368q.253.354.588.632q-.335.277-.588.63a3.3 3.3 0 0 0-.589-.63q.335-.278.589-.632Z"/><path fill="none" stroke="currentColor" stroke-width="2" d="M13 7.232q.325.418.722.768q-.397.35-.722.767A5.7 5.7 0 0 0 12.277 8q.397-.35.723-.768Z"/><path fill="currentColor" d="m7 21l-.97-.242A1 1 0 0 0 7 22zm10 0v1a1 1 0 0 0 .97-1.242zm-1-4l.97-.242A1 1 0 0 0 16 16zm-8 0v-1a1 1 0 0 0-.97.758zm.256 0l-.5.866l.232.134h.268zm7.488 0v1h.268l.232-.134zM7 21v1h10v-2H7zm10 0l.97-.242l-1-4L16 17l-.97.242l1 4zm-9-4l-.97-.242l-1 4L7 21l.97.242l1-4zm0 0v1h8v-2H8zm-3.5-6.5h1A6.5 6.5 0 0 1 12 4V2a8.5 8.5 0 0 0-8.5 8.5zM12 3v1a6.5 6.5 0 0 1 6.5 6.5h2A8.5 8.5 0 0 0 12 2zM8.256 17l.5-.866A6.5 6.5 0 0 1 5.5 10.5h-2a8.5 8.5 0 0 0 4.256 7.366zm0 0v1h7.488v-2H8.256zM19.5 10.5h-1a6.5 6.5 0 0 1-3.256 5.634l.5.866l.5.866A8.5 8.5 0 0 0 20.5 10.5z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteCrystalBallLine(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" d="M16 10.368q.253.354.588.632q-.335.277-.588.63a3.3 3.3 0 0 0-.589-.63q.335-.278.589-.632Z"/><path fill="none" stroke="currentColor" strokeWidth="2" d="M13 7.232q.325.418.722.768q-.397.35-.722.767A5.7 5.7 0 0 0 12.277 8q.397-.35.723-.768Z"/><path fill="currentColor" d="m7 21l-.97-.242A1 1 0 0 0 7 22zm10 0v1a1 1 0 0 0 .97-1.242zm-1-4l.97-.242A1 1 0 0 0 16 16zm-8 0v-1a1 1 0 0 0-.97.758zm.256 0l-.5.866l.232.134h.268zm7.488 0v1h.268l.232-.134zM7 21v1h10v-2H7zm10 0l.97-.242l-1-4L16 17l-.97.242l1 4zm-9-4l-.97-.242l-1 4L7 21l.97.242l1-4zm0 0v1h8v-2H8zm-3.5-6.5h1A6.5 6.5 0 0 1 12 4V2a8.5 8.5 0 0 0-8.5 8.5zM12 3v1a6.5 6.5 0 0 1 6.5 6.5h2A8.5 8.5 0 0 0 12 2zM8.256 17l.5-.866A6.5 6.5 0 0 1 5.5 10.5h-2a8.5 8.5 0 0 0 4.256 7.366zm0 0v1h7.488v-2H8.256zM19.5 10.5h-1a6.5 6.5 0 0 1-3.256 5.634l.5.866l.5.866A8.5 8.5 0 0 0 20.5 10.5z"/></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" d="M16 10.368q.253.354.588.632q-.335.277-.588.63a3.3 3.3 0 0 0-.589-.63q.335-.278.589-.632Z"/><path fill="none" stroke="currentColor" stroke-width="2" d="M13 7.232q.325.418.722.768q-.397.35-.722.767A5.7 5.7 0 0 0 12.277 8q.397-.35.723-.768Z"/><path fill="currentColor" d="m7 21l-.97-.242A1 1 0 0 0 7 22zm10 0v1a1 1 0 0 0 .97-1.242zm-1-4l.97-.242A1 1 0 0 0 16 16zm-8 0v-1a1 1 0 0 0-.97.758zm.256 0l-.5.866l.232.134h.268zm7.488 0v1h.268l.232-.134zM7 21v1h10v-2H7zm10 0l.97-.242l-1-4L16 17l-.97.242l1 4zm-9-4l-.97-.242l-1 4L7 21l.97.242l1-4zm0 0v1h8v-2H8zm-3.5-6.5h1A6.5 6.5 0 0 1 12 4V2a8.5 8.5 0 0 0-8.5 8.5zM12 3v1a6.5 6.5 0 0 1 6.5 6.5h2A8.5 8.5 0 0 0 12 2zM8.256 17l.5-.866A6.5 6.5 0 0 1 5.5 10.5h-2a8.5 8.5 0 0 0 4.256 7.366zm0 0v1h7.488v-2H8.256zM19.5 10.5h-1a6.5 6.5 0 0 1-3.256 5.634l.5.866l.5.866A8.5 8.5 0 0 0 20.5 10.5z"/></svg> </template>
CSS
.icon-crystal-ball-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%20d%3D%22M16%2010.368q.253.354.588.632q-.335.277-.588.63a3.3%203.3%200%200%200-.589-.63q.335-.278.589-.632Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20d%3D%22M13%207.232q.325.418.722.768q-.397.35-.722.767A5.7%205.7%200%200%200%2012.277%208q.397-.35.723-.768Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m7%2021l-.97-.242A1%201%200%200%200%207%2022zm10%200v1a1%201%200%200%200%20.97-1.242zm-1-4l.97-.242A1%201%200%200%200%2016%2016zm-8%200v-1a1%201%200%200%200-.97.758zm.256%200l-.5.866l.232.134h.268zm7.488%200v1h.268l.232-.134zM7%2021v1h10v-2H7zm10%200l.97-.242l-1-4L16%2017l-.97.242l1%204zm-9-4l-.97-.242l-1%204L7%2021l.97.242l1-4zm0%200v1h8v-2H8zm-3.5-6.5h1A6.5%206.5%200%200%201%2012%204V2a8.5%208.5%200%200%200-8.5%208.5zM12%203v1a6.5%206.5%200%200%201%206.5%206.5h2A8.5%208.5%200%200%200%2012%202zM8.256%2017l.5-.866A6.5%206.5%200%200%201%205.5%2010.5h-2a8.5%208.5%200%200%200%204.256%207.366zm0%200v1h7.488v-2H8.256zM19.5%2010.5h-1a6.5%206.5%200%200%201-3.256%205.634l.5.866l.5.866A8.5%208.5%200%200%200%2020.5%2010.5z%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%20d%3D%22M16%2010.368q.253.354.588.632q-.335.277-.588.63a3.3%203.3%200%200%200-.589-.63q.335-.278.589-.632Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20d%3D%22M13%207.232q.325.418.722.768q-.397.35-.722.767A5.7%205.7%200%200%200%2012.277%208q.397-.35.723-.768Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m7%2021l-.97-.242A1%201%200%200%200%207%2022zm10%200v1a1%201%200%200%200%20.97-1.242zm-1-4l.97-.242A1%201%200%200%200%2016%2016zm-8%200v-1a1%201%200%200%200-.97.758zm.256%200l-.5.866l.232.134h.268zm7.488%200v1h.268l.232-.134zM7%2021v1h10v-2H7zm10%200l.97-.242l-1-4L16%2017l-.97.242l1%204zm-9-4l-.97-.242l-1%204L7%2021l.97.242l1-4zm0%200v1h8v-2H8zm-3.5-6.5h1A6.5%206.5%200%200%201%2012%204V2a8.5%208.5%200%200%200-8.5%208.5zM12%203v1a6.5%206.5%200%200%201%206.5%206.5h2A8.5%208.5%200%200%200%2012%202zM8.256%2017l.5-.866A6.5%206.5%200%200%201%205.5%2010.5h-2a8.5%208.5%200%200%200%204.256%207.366zm0%200v1h7.488v-2H8.256zM19.5%2010.5h-1a6.5%206.5%200%200%201-3.256%205.634l.5.866l.5.866A8.5%208.5%200%200%200%2020.5%2010.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/crystal-ball-line.svg?color=%231a73e8&size=48
