shell icon
shell from Myna UI Icons by Praveen Juge · Regular · MIT Free for personal and commercial use.
- Name
- shell
- Set
- Myna UI Icons
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
The same icon in other sets
Use the shell 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-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v5m4.13-2.984l-.777 2.898M7.87 10.018l.777 2.898m-4.624 1.167l5.24 3.573c.347.236.51.667.41 1.079c-.158.646-.133 1.424.68 1.59c1.14.234 1.878.233 3.014 0c.838-.171.83-.975.67-1.63a1.02 1.02 0 0 1 .365-1.046l5.517-3.566c.883-.679.735-3.6-.278-4.13c-.282-.147-.483-.535-.36-.83c.803-1.948-.946-3.044-2.171-3.42a.44.44 0 0 1-.278-.257c-1.163-2.857-3.487-1.986-4.728-1.034a.43.43 0 0 1-.503.02C9.14 2.81 7.839 4.536 7.403 5.86a.45.45 0 0 1-.399.312c-2.432.144-2.685 2.004-2.417 3.387c.062.32-.256.637-.529.807c-.71.443-.766 3.218-.035 3.717"/></svg>
React
import type { SVGProps } from "react";
export function MynauiShell(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" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M12 8v5m4.13-2.984l-.777 2.898M7.87 10.018l.777 2.898m-4.624 1.167l5.24 3.573c.347.236.51.667.41 1.079c-.158.646-.133 1.424.68 1.59c1.14.234 1.878.233 3.014 0c.838-.171.83-.975.67-1.63a1.02 1.02 0 0 1 .365-1.046l5.517-3.566c.883-.679.735-3.6-.278-4.13c-.282-.147-.483-.535-.36-.83c.803-1.948-.946-3.044-2.171-3.42a.44.44 0 0 1-.278-.257c-1.163-2.857-3.487-1.986-4.728-1.034a.43.43 0 0 1-.503.02C9.14 2.81 7.839 4.536 7.403 5.86a.45.45 0 0 1-.399.312c-2.432.144-2.685 2.004-2.417 3.387c.062.32-.256.637-.529.807c-.71.443-.766 3.218-.035 3.717"/></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-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v5m4.13-2.984l-.777 2.898M7.87 10.018l.777 2.898m-4.624 1.167l5.24 3.573c.347.236.51.667.41 1.079c-.158.646-.133 1.424.68 1.59c1.14.234 1.878.233 3.014 0c.838-.171.83-.975.67-1.63a1.02 1.02 0 0 1 .365-1.046l5.517-3.566c.883-.679.735-3.6-.278-4.13c-.282-.147-.483-.535-.36-.83c.803-1.948-.946-3.044-2.171-3.42a.44.44 0 0 1-.278-.257c-1.163-2.857-3.487-1.986-4.728-1.034a.43.43 0 0 1-.503.02C9.14 2.81 7.839 4.536 7.403 5.86a.45.45 0 0 1-.399.312c-2.432.144-2.685 2.004-2.417 3.387c.062.32-.256.637-.529.807c-.71.443-.766 3.218-.035 3.717"/></svg> </template>
CSS
.icon-shell {
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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M12%208v5m4.13-2.984l-.777%202.898M7.87%2010.018l.777%202.898m-4.624%201.167l5.24%203.573c.347.236.51.667.41%201.079c-.158.646-.133%201.424.68%201.59c1.14.234%201.878.233%203.014%200c.838-.171.83-.975.67-1.63a1.02%201.02%200%200%201%20.365-1.046l5.517-3.566c.883-.679.735-3.6-.278-4.13c-.282-.147-.483-.535-.36-.83c.803-1.948-.946-3.044-2.171-3.42a.44.44%200%200%201-.278-.257c-1.163-2.857-3.487-1.986-4.728-1.034a.43.43%200%200%201-.503.02C9.14%202.81%207.839%204.536%207.403%205.86a.45.45%200%200%201-.399.312c-2.432.144-2.685%202.004-2.417%203.387c.062.32-.256.637-.529.807c-.71.443-.766%203.218-.035%203.717%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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M12%208v5m4.13-2.984l-.777%202.898M7.87%2010.018l.777%202.898m-4.624%201.167l5.24%203.573c.347.236.51.667.41%201.079c-.158.646-.133%201.424.68%201.59c1.14.234%201.878.233%203.014%200c.838-.171.83-.975.67-1.63a1.02%201.02%200%200%201%20.365-1.046l5.517-3.566c.883-.679.735-3.6-.278-4.13c-.282-.147-.483-.535-.36-.83c.803-1.948-.946-3.044-2.171-3.42a.44.44%200%200%201-.278-.257c-1.163-2.857-3.487-1.986-4.728-1.034a.43.43%200%200%201-.503.02C9.14%202.81%207.839%204.536%207.403%205.86a.45.45%200%200%201-.399.312c-2.432.144-2.685%202.004-2.417%203.387c.062.32-.256.637-.529.807c-.71.443-.766%203.218-.035%203.717%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/shell.svg?color=%231a73e8&size=48
