cone striped icon
cone-striped from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- cone-striped
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
Use the cone striped icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="m9.97 4.88l.953 3.811C10.159 8.878 9.14 9 8 9s-2.158-.122-2.923-.309L6.03 4.88C6.635 4.957 7.3 5 8 5s1.365-.043 1.97-.12m-.245-.978L8.97.88C8.718-.13 7.282-.13 7.03.88L6.275 3.9C6.8 3.965 7.382 4 8 4s1.2-.036 1.725-.098m4.396 8.613a.5.5 0 0 1 .037.96l-6 2a.5.5 0 0 1-.316 0l-6-2a.5.5 0 0 1 .037-.96l2.391-.598l.565-2.257c.862.212 1.964.339 3.165.339s2.303-.127 3.165-.339l.565 2.257z"/></svg>
React
import type { SVGProps } from "react";
export function BiConeStriped(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="m9.97 4.88l.953 3.811C10.159 8.878 9.14 9 8 9s-2.158-.122-2.923-.309L6.03 4.88C6.635 4.957 7.3 5 8 5s1.365-.043 1.97-.12m-.245-.978L8.97.88C8.718-.13 7.282-.13 7.03.88L6.275 3.9C6.8 3.965 7.382 4 8 4s1.2-.036 1.725-.098m4.396 8.613a.5.5 0 0 1 .037.96l-6 2a.5.5 0 0 1-.316 0l-6-2a.5.5 0 0 1 .037-.96l2.391-.598l.565-2.257c.862.212 1.964.339 3.165.339s2.303-.127 3.165-.339l.565 2.257z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="m9.97 4.88l.953 3.811C10.159 8.878 9.14 9 8 9s-2.158-.122-2.923-.309L6.03 4.88C6.635 4.957 7.3 5 8 5s1.365-.043 1.97-.12m-.245-.978L8.97.88C8.718-.13 7.282-.13 7.03.88L6.275 3.9C6.8 3.965 7.382 4 8 4s1.2-.036 1.725-.098m4.396 8.613a.5.5 0 0 1 .037.96l-6 2a.5.5 0 0 1-.316 0l-6-2a.5.5 0 0 1 .037-.96l2.391-.598l.565-2.257c.862.212 1.964.339 3.165.339s2.303-.127 3.165-.339l.565 2.257z"/></svg> </template>
CSS
.icon-cone-striped {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m9.97%204.88l.953%203.811C10.159%208.878%209.14%209%208%209s-2.158-.122-2.923-.309L6.03%204.88C6.635%204.957%207.3%205%208%205s1.365-.043%201.97-.12m-.245-.978L8.97.88C8.718-.13%207.282-.13%207.03.88L6.275%203.9C6.8%203.965%207.382%204%208%204s1.2-.036%201.725-.098m4.396%208.613a.5.5%200%200%201%20.037.96l-6%202a.5.5%200%200%201-.316%200l-6-2a.5.5%200%200%201%20.037-.96l2.391-.598l.565-2.257c.862.212%201.964.339%203.165.339s2.303-.127%203.165-.339l.565%202.257z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m9.97%204.88l.953%203.811C10.159%208.878%209.14%209%208%209s-2.158-.122-2.923-.309L6.03%204.88C6.635%204.957%207.3%205%208%205s1.365-.043%201.97-.12m-.245-.978L8.97.88C8.718-.13%207.282-.13%207.03.88L6.275%203.9C6.8%203.965%207.382%204%208%204s1.2-.036%201.725-.098m4.396%208.613a.5.5%200%200%201%20.037.96l-6%202a.5.5%200%200%201-.316%200l-6-2a.5.5%200%200%201%20.037-.96l2.391-.598l.565-2.257c.862.212%201.964.339%203.165.339s2.303-.127%203.165-.339l.565%202.257z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/cone-striped.svg?color=%231a73e8&size=48
