shell icon
shell-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- shell-solid
- Set
- Myna UI Icons
- Style
- Solid
- 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="currentColor" d="M16.231 3.349a2.9 2.9 0 0 0-1.717-.598c-1.032-.024-2.007.453-2.688.937c-1.324-.809-2.505-.842-3.456-.297c-.841.482-1.345 1.335-1.612 2.048c-1.32.13-2.192.733-2.644 1.622c-.42.824-.412 1.772-.282 2.524l-.06.063l-.111.082c-.43.27-.63.77-.731 1.13a5.3 5.3 0 0 0-.18 1.333c-.006.455.037.93.143 1.347c.096.373.287.875.707 1.162l5.24 3.573l.056.053c.032.04.052.092.056.146l-.008.083c-.091.375-.158.885-.014 1.367a1.6 1.6 0 0 0 .44.721c.229.214.514.35.832.415l.448.084c1.008.166 1.787.137 2.867-.084l.12-.029a1.66 1.66 0 0 0 .73-.4c.23-.22.362-.484.433-.742c.1-.367.082-.749.028-1.072l-.062-.3a.27.27 0 0 1 .085-.267l5.475-3.537l.026-.017l.023-.018c.419-.322.633-.828.743-1.27c.117-.465.152-.99.121-1.491a4.9 4.9 0 0 0-.306-1.468c-.168-.42-.45-.89-.92-1.146c.214-.566.27-1.11.177-1.62a2.84 2.84 0 0 0-.668-1.352c-.575-.662-1.389-1.076-2.053-1.3q-.482-1.11-1.238-1.682M11.25 13V8a.75.75 0 0 1 1.5 0v5a.75.75 0 0 1-1.5 0M7.677 9.294c.4-.107.81.13.918.53l.777 2.898l.016.075a.75.75 0 0 1-1.442.387l-.023-.074l-.777-2.897a.75.75 0 0 1 .53-.919m7.482 4.344a.75.75 0 0 1-.53-.918l.776-2.899a.75.75 0 0 1 1.45.389l-.778 2.897a.75.75 0 0 1-.918.53"/></svg>
React
import type { SVGProps } from "react";
export function MynauiShellSolid(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.231 3.349a2.9 2.9 0 0 0-1.717-.598c-1.032-.024-2.007.453-2.688.937c-1.324-.809-2.505-.842-3.456-.297c-.841.482-1.345 1.335-1.612 2.048c-1.32.13-2.192.733-2.644 1.622c-.42.824-.412 1.772-.282 2.524l-.06.063l-.111.082c-.43.27-.63.77-.731 1.13a5.3 5.3 0 0 0-.18 1.333c-.006.455.037.93.143 1.347c.096.373.287.875.707 1.162l5.24 3.573l.056.053c.032.04.052.092.056.146l-.008.083c-.091.375-.158.885-.014 1.367a1.6 1.6 0 0 0 .44.721c.229.214.514.35.832.415l.448.084c1.008.166 1.787.137 2.867-.084l.12-.029a1.66 1.66 0 0 0 .73-.4c.23-.22.362-.484.433-.742c.1-.367.082-.749.028-1.072l-.062-.3a.27.27 0 0 1 .085-.267l5.475-3.537l.026-.017l.023-.018c.419-.322.633-.828.743-1.27c.117-.465.152-.99.121-1.491a4.9 4.9 0 0 0-.306-1.468c-.168-.42-.45-.89-.92-1.146c.214-.566.27-1.11.177-1.62a2.84 2.84 0 0 0-.668-1.352c-.575-.662-1.389-1.076-2.053-1.3q-.482-1.11-1.238-1.682M11.25 13V8a.75.75 0 0 1 1.5 0v5a.75.75 0 0 1-1.5 0M7.677 9.294c.4-.107.81.13.918.53l.777 2.898l.016.075a.75.75 0 0 1-1.442.387l-.023-.074l-.777-2.897a.75.75 0 0 1 .53-.919m7.482 4.344a.75.75 0 0 1-.53-.918l.776-2.899a.75.75 0 0 1 1.45.389l-.778 2.897a.75.75 0 0 1-.918.53"/></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.231 3.349a2.9 2.9 0 0 0-1.717-.598c-1.032-.024-2.007.453-2.688.937c-1.324-.809-2.505-.842-3.456-.297c-.841.482-1.345 1.335-1.612 2.048c-1.32.13-2.192.733-2.644 1.622c-.42.824-.412 1.772-.282 2.524l-.06.063l-.111.082c-.43.27-.63.77-.731 1.13a5.3 5.3 0 0 0-.18 1.333c-.006.455.037.93.143 1.347c.096.373.287.875.707 1.162l5.24 3.573l.056.053c.032.04.052.092.056.146l-.008.083c-.091.375-.158.885-.014 1.367a1.6 1.6 0 0 0 .44.721c.229.214.514.35.832.415l.448.084c1.008.166 1.787.137 2.867-.084l.12-.029a1.66 1.66 0 0 0 .73-.4c.23-.22.362-.484.433-.742c.1-.367.082-.749.028-1.072l-.062-.3a.27.27 0 0 1 .085-.267l5.475-3.537l.026-.017l.023-.018c.419-.322.633-.828.743-1.27c.117-.465.152-.99.121-1.491a4.9 4.9 0 0 0-.306-1.468c-.168-.42-.45-.89-.92-1.146c.214-.566.27-1.11.177-1.62a2.84 2.84 0 0 0-.668-1.352c-.575-.662-1.389-1.076-2.053-1.3q-.482-1.11-1.238-1.682M11.25 13V8a.75.75 0 0 1 1.5 0v5a.75.75 0 0 1-1.5 0M7.677 9.294c.4-.107.81.13.918.53l.777 2.898l.016.075a.75.75 0 0 1-1.442.387l-.023-.074l-.777-2.897a.75.75 0 0 1 .53-.919m7.482 4.344a.75.75 0 0 1-.53-.918l.776-2.899a.75.75 0 0 1 1.45.389l-.778 2.897a.75.75 0 0 1-.918.53"/></svg> </template>
CSS
.icon-shell-solid {
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.231%203.349a2.9%202.9%200%200%200-1.717-.598c-1.032-.024-2.007.453-2.688.937c-1.324-.809-2.505-.842-3.456-.297c-.841.482-1.345%201.335-1.612%202.048c-1.32.13-2.192.733-2.644%201.622c-.42.824-.412%201.772-.282%202.524l-.06.063l-.111.082c-.43.27-.63.77-.731%201.13a5.3%205.3%200%200%200-.18%201.333c-.006.455.037.93.143%201.347c.096.373.287.875.707%201.162l5.24%203.573l.056.053c.032.04.052.092.056.146l-.008.083c-.091.375-.158.885-.014%201.367a1.6%201.6%200%200%200%20.44.721c.229.214.514.35.832.415l.448.084c1.008.166%201.787.137%202.867-.084l.12-.029a1.66%201.66%200%200%200%20.73-.4c.23-.22.362-.484.433-.742c.1-.367.082-.749.028-1.072l-.062-.3a.27.27%200%200%201%20.085-.267l5.475-3.537l.026-.017l.023-.018c.419-.322.633-.828.743-1.27c.117-.465.152-.99.121-1.491a4.9%204.9%200%200%200-.306-1.468c-.168-.42-.45-.89-.92-1.146c.214-.566.27-1.11.177-1.62a2.84%202.84%200%200%200-.668-1.352c-.575-.662-1.389-1.076-2.053-1.3q-.482-1.11-1.238-1.682M11.25%2013V8a.75.75%200%200%201%201.5%200v5a.75.75%200%200%201-1.5%200M7.677%209.294c.4-.107.81.13.918.53l.777%202.898l.016.075a.75.75%200%200%201-1.442.387l-.023-.074l-.777-2.897a.75.75%200%200%201%20.53-.919m7.482%204.344a.75.75%200%200%201-.53-.918l.776-2.899a.75.75%200%200%201%201.45.389l-.778%202.897a.75.75%200%200%201-.918.53%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.231%203.349a2.9%202.9%200%200%200-1.717-.598c-1.032-.024-2.007.453-2.688.937c-1.324-.809-2.505-.842-3.456-.297c-.841.482-1.345%201.335-1.612%202.048c-1.32.13-2.192.733-2.644%201.622c-.42.824-.412%201.772-.282%202.524l-.06.063l-.111.082c-.43.27-.63.77-.731%201.13a5.3%205.3%200%200%200-.18%201.333c-.006.455.037.93.143%201.347c.096.373.287.875.707%201.162l5.24%203.573l.056.053c.032.04.052.092.056.146l-.008.083c-.091.375-.158.885-.014%201.367a1.6%201.6%200%200%200%20.44.721c.229.214.514.35.832.415l.448.084c1.008.166%201.787.137%202.867-.084l.12-.029a1.66%201.66%200%200%200%20.73-.4c.23-.22.362-.484.433-.742c.1-.367.082-.749.028-1.072l-.062-.3a.27.27%200%200%201%20.085-.267l5.475-3.537l.026-.017l.023-.018c.419-.322.633-.828.743-1.27c.117-.465.152-.99.121-1.491a4.9%204.9%200%200%200-.306-1.468c-.168-.42-.45-.89-.92-1.146c.214-.566.27-1.11.177-1.62a2.84%202.84%200%200%200-.668-1.352c-.575-.662-1.389-1.076-2.053-1.3q-.482-1.11-1.238-1.682M11.25%2013V8a.75.75%200%200%201%201.5%200v5a.75.75%200%200%201-1.5%200M7.677%209.294c.4-.107.81.13.918.53l.777%202.898l.016.075a.75.75%200%200%201-1.442.387l-.023-.074l-.777-2.897a.75.75%200%200%201%20.53-.919m7.482%204.344a.75.75%200%200%201-.53-.918l.776-2.899a.75.75%200%200%201%201.45.389l-.778%202.897a.75.75%200%200%201-.918.53%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/shell-solid.svg?color=%231a73e8&size=48
