magic stick icon
magic-stick-bold-duotone from Solar by 480 Design · Bold Duotone · CC-BY-4.0 Attribution required.
- Name
- magic-stick-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Viewbox
- 24×24
- License
- CC BY 4.0
3 other variants in Solar
The same icon in other sets
Related icons in Solar
Use the magic stick icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.714 2.127c-.836-.43-1.922.263-4.095 1.65l-.562.36c-.618.394-.927.591-1.273.648c-.347.056-.692-.034-1.382-.215l-.628-.164C6.345 3.769 5.13 3.45 4.436 4.13s-.412 1.908.157 4.363l.147.635c.161.697.242 1.046.177 1.393c-.066.346-.27.65-.68 1.26l-.372.555c-1.439 2.145-2.158 3.217-1.753 4.067c.406.85 1.668.915 4.192 1.045l.654.033c.717.037 1.076.056 1.382.213c.306.158.524.436.962.994l.398.507c1.539 1.962 2.309 2.943 3.255 2.788c.945-.154 1.441-1.342 2.433-3.717l.257-.614c.282-.675.422-1.012.677-1.261c.255-.25.595-.382 1.274-.647l.618-.24c2.39-.933 3.586-1.4 3.765-2.345s-.777-1.744-2.688-3.342l-.495-.413c-.543-.454-.815-.68-.963-.992s-.158-.672-.175-1.393l-.016-.657c-.062-2.538-.093-3.806-.928-4.236"/><path fill="currentColor" d="M19.53 18.47a.75.75 0 1 0-1.06 1.06l2 2a.75.75 0 1 0 1.06-1.06z" opacity=".5"/></svg>
React
import type { SVGProps } from "react";
export function SolarMagicStickBoldDuotone(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="M16.714 2.127c-.836-.43-1.922.263-4.095 1.65l-.562.36c-.618.394-.927.591-1.273.648c-.347.056-.692-.034-1.382-.215l-.628-.164C6.345 3.769 5.13 3.45 4.436 4.13s-.412 1.908.157 4.363l.147.635c.161.697.242 1.046.177 1.393c-.066.346-.27.65-.68 1.26l-.372.555c-1.439 2.145-2.158 3.217-1.753 4.067c.406.85 1.668.915 4.192 1.045l.654.033c.717.037 1.076.056 1.382.213c.306.158.524.436.962.994l.398.507c1.539 1.962 2.309 2.943 3.255 2.788c.945-.154 1.441-1.342 2.433-3.717l.257-.614c.282-.675.422-1.012.677-1.261c.255-.25.595-.382 1.274-.647l.618-.24c2.39-.933 3.586-1.4 3.765-2.345s-.777-1.744-2.688-3.342l-.495-.413c-.543-.454-.815-.68-.963-.992s-.158-.672-.175-1.393l-.016-.657c-.062-2.538-.093-3.806-.928-4.236"/><path fill="currentColor" d="M19.53 18.47a.75.75 0 1 0-1.06 1.06l2 2a.75.75 0 1 0 1.06-1.06z" opacity=".5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.714 2.127c-.836-.43-1.922.263-4.095 1.65l-.562.36c-.618.394-.927.591-1.273.648c-.347.056-.692-.034-1.382-.215l-.628-.164C6.345 3.769 5.13 3.45 4.436 4.13s-.412 1.908.157 4.363l.147.635c.161.697.242 1.046.177 1.393c-.066.346-.27.65-.68 1.26l-.372.555c-1.439 2.145-2.158 3.217-1.753 4.067c.406.85 1.668.915 4.192 1.045l.654.033c.717.037 1.076.056 1.382.213c.306.158.524.436.962.994l.398.507c1.539 1.962 2.309 2.943 3.255 2.788c.945-.154 1.441-1.342 2.433-3.717l.257-.614c.282-.675.422-1.012.677-1.261c.255-.25.595-.382 1.274-.647l.618-.24c2.39-.933 3.586-1.4 3.765-2.345s-.777-1.744-2.688-3.342l-.495-.413c-.543-.454-.815-.68-.963-.992s-.158-.672-.175-1.393l-.016-.657c-.062-2.538-.093-3.806-.928-4.236"/><path fill="currentColor" d="M19.53 18.47a.75.75 0 1 0-1.06 1.06l2 2a.75.75 0 1 0 1.06-1.06z" opacity=".5"/></svg> </template>
CSS
.icon-magic-stick-bold-duotone {
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%22M16.714%202.127c-.836-.43-1.922.263-4.095%201.65l-.562.36c-.618.394-.927.591-1.273.648c-.347.056-.692-.034-1.382-.215l-.628-.164C6.345%203.769%205.13%203.45%204.436%204.13s-.412%201.908.157%204.363l.147.635c.161.697.242%201.046.177%201.393c-.066.346-.27.65-.68%201.26l-.372.555c-1.439%202.145-2.158%203.217-1.753%204.067c.406.85%201.668.915%204.192%201.045l.654.033c.717.037%201.076.056%201.382.213c.306.158.524.436.962.994l.398.507c1.539%201.962%202.309%202.943%203.255%202.788c.945-.154%201.441-1.342%202.433-3.717l.257-.614c.282-.675.422-1.012.677-1.261c.255-.25.595-.382%201.274-.647l.618-.24c2.39-.933%203.586-1.4%203.765-2.345s-.777-1.744-2.688-3.342l-.495-.413c-.543-.454-.815-.68-.963-.992s-.158-.672-.175-1.393l-.016-.657c-.062-2.538-.093-3.806-.928-4.236%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.53%2018.47a.75.75%200%201%200-1.06%201.06l2%202a.75.75%200%201%200%201.06-1.06z%22%20opacity%3D%22.5%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%22M16.714%202.127c-.836-.43-1.922.263-4.095%201.65l-.562.36c-.618.394-.927.591-1.273.648c-.347.056-.692-.034-1.382-.215l-.628-.164C6.345%203.769%205.13%203.45%204.436%204.13s-.412%201.908.157%204.363l.147.635c.161.697.242%201.046.177%201.393c-.066.346-.27.65-.68%201.26l-.372.555c-1.439%202.145-2.158%203.217-1.753%204.067c.406.85%201.668.915%204.192%201.045l.654.033c.717.037%201.076.056%201.382.213c.306.158.524.436.962.994l.398.507c1.539%201.962%202.309%202.943%203.255%202.788c.945-.154%201.441-1.342%202.433-3.717l.257-.614c.282-.675.422-1.012.677-1.261c.255-.25.595-.382%201.274-.647l.618-.24c2.39-.933%203.586-1.4%203.765-2.345s-.777-1.744-2.688-3.342l-.495-.413c-.543-.454-.815-.68-.963-.992s-.158-.672-.175-1.393l-.016-.657c-.062-2.538-.093-3.806-.928-4.236%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.53%2018.47a.75.75%200%201%200-1.06%201.06l2%202a.75.75%200%201%200%201.06-1.06z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/magic-stick-bold-duotone.svg?color=%231a73e8&size=48
