Oyster Pearl
The oyster-pearl icon represents a valuable treasure or pearl in gaming, often symbolizing oceanic elements or natural resources.
Exports at 24 × 24 px
Code
Oyster Pearl in your framework
In any framework. Customize it above, and the code follows.
export const OysterPearlIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" {...props}>
<path fill="currentColor" d="M256 31.627c-14.76 0-34.807 3.467-51.89 10.71c-17.08 7.245-30.695 18.046-35.674 31.43a75 75 0 0 0-1.995 6.18c-8.754 22.627 7.52 79.885 25.996 117.248c-7.3-10.69-14.537-21.067-21.094-31.367c-16.38-25.727-28.646-52.362-24.174-81.545c-5.41-3.06-11.58-4.656-19.168-4.656c-13 0-27.05 6.777-37.637 17.363S73 121.627 73 134.627c0 6.942 2.437 14.127 6.793 21.46c9.537 21.677 37.573 54.524 68.11 83.972c-14.153-10.152-28.97-20.59-42.516-31.394c-26.862-21.423-50.256-44.75-50.38-73.807c-3.858 3.766-7.26 8.668-10.146 14.667c-5.568 11.584-8.936 26.593-9.878 41.66c-.94 15.068.532 30.22 3.914 41.946c3.383 11.724 8.886 19.32 13.13 21.443a9 9 0 0 1 .966.563c36.323 24.214 84.286 29.334 135.572 35.38a72.5 72.5 0 0 1-5.564-27.893c0-40.21 32.79-73 73-73s73 32.79 73 73c0 9.872-1.987 19.29-5.564 27.893c51.286-6.046 99.25-11.166 135.572-35.38a9 9 0 0 1 .967-.564c4.243-2.122 9.746-9.72 13.13-21.443c3.38-11.725 4.854-26.878 3.913-41.946s-4.31-30.076-9.88-41.66c-2.884-6-6.287-10.9-10.144-14.668c-.125 29.057-23.52 52.383-50.38 73.806c-13.547 10.803-28.364 21.242-42.518 31.393c30.538-29.45 58.574-62.296 68.11-83.974c4.357-7.332 6.794-14.517 6.794-21.46c0-13-6.777-27.05-17.363-37.636C411.05 86.404 397 79.627 384 79.627c-7.588 0-13.757 1.595-19.168 4.656c4.472 29.183-7.794 55.818-24.174 81.545c-6.557 10.3-13.793 20.678-21.094 31.367c18.477-37.363 34.75-94.62 25.995-117.248a75 75 0 0 0-1.996-6.18c-4.973-13.37-18.638-24.18-35.752-31.427C290.7 35.093 270.644 31.627 256 31.627m1.07 177.3a55.75 55.75 0 0 0-55.752 55.75a55.75 55.75 0 0 0 26.368 47.3A62.673 62.986 0 0 1 224 290.893a62.673 62.986 0 0 1 62.674-62.985a62.673 62.986 0 0 1 13.562 1.54a55.75 55.75 0 0 0-43.166-20.522zm-62.174 93.536c-53.804 4.54-104.937 7.798-143.066 25.732a9 9 0 0 1-.836.342c-4.893 1.726-9.325 6.413-12.414 13.97l-.047.12H39c0 4.625 3.054 11.025 8.984 18.324c5.458 6.718 12.94 13.94 20.438 21.386a85 85 0 0 1 3.08-3.006c9.385-8.71 21.622-16.514 35.082-24.088c18.298-10.296 38.886-20.127 57.06-29.62c-35.542 22.593-71.37 50.668-83.212 68.618c6.93 5.644 16.974 12.653 27.804 18.453c12.78 6.844 27.035 12.523 38.885 15.227a50.4 50.4 0 0 1 2.24-8.106c4.566-12.322 13.075-23.213 22.892-34.09c8.025-8.894 16.996-17.84 25.826-27.097h.06c-15.392 19.018-30.88 50.23-33.695 72.135c29.607 13.775 75.866 14.865 91.557 14.865c15.924 0 62.742-.66 91.56-14.854c-2.81-21.905-18.303-53.125-33.697-72.146h.06c8.83 9.256 17.8 18.203 25.825 27.096c9.817 10.878 18.326 21.77 22.89 34.09a50 50 0 0 1 2.23 8.052c11.302-2.71 24.53-8.31 36.76-15.105c11.067-6.148 21.47-13.233 29.37-19.367c-12.39-17.978-47.654-45.53-82.643-67.772c18.175 9.495 38.763 19.326 57.06 29.622c13.46 7.574 25.698 15.378 35.083 24.088a84 84 0 0 1 3.08 3.006c7.497-7.446 14.98-14.668 20.438-21.385c5.93-7.298 8.984-13.698 8.984-18.323h.467q-.023-.062-.047-.12c-3.09-7.557-7.52-12.244-12.414-13.97a9 9 0 0 1-.836-.342c-38.13-17.934-89.262-21.193-143.067-25.732a73.6 73.6 0 0 1-11.494 13.603c14.566 4.272 27.39 10.834 36.753 20.198l-12.726 12.726C316.82 336.172 286.5 327.627 256 327.627s-60.82 8.545-73.637 21.363l-12.726-12.726c9.36-9.362 22.182-15.924 36.744-20.196a73.7 73.7 0 0 1-11.484-13.605zm281.663 71.535c-6.796 8.062-14.844 15.64-22.197 22.992c-.078.08-.166.162-.246.24c1.524 3.438 2.52 7.052 2.8 10.868c11.18-7.078 17.57-19.915 19.642-34.1zM35.44 374c2.072 14.185 8.464 27.02 19.642 34.098c.277-3.77 1.252-7.343 2.744-10.743c-.174-.234-.364-.468-.53-.703C50.032 389.405 42.13 381.94 35.44 374m403.542 36.033c-8.17 6.124-17.99 12.56-28.61 18.46c-12.728 7.072-26.367 13.33-39.774 16.616c3.988.905 8.403 1.4 13.402 1.4c13.883 0 28.352-5.085 38.812-12.465S439 417.39 439 410.354c0-.105-.015-.216-.018-.322zm-365.87 1.973c.8 6.792 6.413 15.222 16.075 22.04c10.46 7.38 24.93 12.464 38.813 12.464c4.914 0 9.264-.48 13.2-1.356c-13.832-3.255-28.2-9.49-41.462-16.593c-9.994-5.352-19.092-10.883-26.627-16.554zm95.005 39.564c4.277 7.724 17.898 15.987 35.06 21.12c17.356 5.194 37.666 7.683 52.823 7.683c15.043 0 35.36-2.49 52.746-7.684c17.012-5.083 30.57-13.24 34.99-20.876c-33.462 12.25-73.52 11.813-87.736 11.813c-14.454 0-54.23-.08-87.883-12.057z"/>
</svg>
);Game Icons
More like it
Icons that share its tags, in the same style.
Search Game Icons
Skip the copy and paste. With Pro, your AI agent finds and installs any Game Icons icon from a prompt.
Get ProTags
Browse by tag
Oyster Pearl is tagged gaming, nature, ocean and 2 more. Related tags follow; each opens its icons from every library.
Pricing
Game Icons MCP, with Pro
Ask for Oyster Pearl or any of 4,123 Game Icons icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What the Oyster Pearl icon means and where it's used, then how to install, style, label and license it.
The oyster-pearl icon represents a valuable treasure or pearl in gaming, often symbolizing oceanic elements or natural resources. This icon originates from the gaming community's need to express rare or precious items. It symbolizes wealth, luxury, and beauty.
In real-world applications, the oyster-pearl icon appears in adventure games like 'Tomb Raider' or 'Uncharted', as well as in simulation games like 'Stardew Valley' or 'Abzu'. It may also be used in gaming communities or forums to discuss treasure or resources.
From a UX perspective, the oyster-pearl icon effectively communicates the concept of value or rarity, encouraging players to engage in exploratory gameplay. Its presence helps users understand the importance of precious resources, promoting a engaging gaming experience.
Oyster Pearl is one of 4,123 icons in Game Icons, made by GameIcons and released under CC BY 3.0. It is drawn on a 512 × 512 grid.
Sign in (it's free), then open Get icon, Install with shadcn CLI, and pick your package manager to copy the command. It adds OysterPearlIcon to components/icons/game-icons-oyster-pearl.tsx: one file, a size prop (24 by default) and every SVG prop, with no icon package.
Copy it as React (from Get icon, or the Code section): a typed OysterPearlIcon component you paste into your project, with no package to install. Only the icons you import reach your bundle. It works in Next.js and any React app.
Open Get icon, then Copy as code, and pick Vue, Svelte, Angular, Solid or Preact; the Code section shows each one too. Every version is one self-contained component with the SVG inside, and SVG and data URL copies are there for plain HTML and CSS.
With Pro, the shadcn.io MCP server lets Claude Code, Cursor or any MCP client find the Oyster Pearl icon, or any of 4,123 Game Icons icons, and install it from a prompt.
It's drawn in currentColor, so it takes the text color wherever you use it: a class like text-primary recolors it. To bake a color in, set one in Customize before you copy.
Set width and height on the component, or a class like size-6. It's drawn on a 512 × 512 grid, so it stays sharp at any size. Customize also sets the size it exports at, its padding and rotation.
Yes. It follows the text color, so with text-foreground (or any theme token) it changes with your light and dark themes. The icon is a vector, so it needs no separate dark asset.
Next to a visible label it's decoration: add aria-hidden="true" so screen readers skip it. Standing alone, as in an icon button, give the button a name instead, like aria-label="Oyster Pearl", so screen readers say what it does.
Yes. OysterPearlIcon passes every SVG prop to the svg element, so <OysterPearlIcon aria-hidden="true" /> works, and so do role="img" with aria-label, or a title child, when it carries meaning on its own.
Yes. Open Get icon, then Download file: SVG for code or design tools like Figma; PNG, WebP or JPEG at 512px; or an ICO favicon with 16, 32 and 48px inside. Each one uses what you set in Customize.
Yes, with credit: CC BY 3.0 asks you to credit the author (GameIcons) where you use the icons. The full terms are in the license, linked on this page.
Yes. CC BY 3.0 asks you to credit the author where you use the icons, for example "Icons by GameIcons, CC BY 3.0" on an about or credits page.
Yes. Copying and downloading it is free, and the shadcn CLI install only needs a free account.
Its tags are gaming, nature, ocean, sea and treasure. Each tag page lists the icons that carry it from every library, which is the quickest way to find a match for Oyster Pearl in another set.
4.9 out of 5 from 150+ developers
Install Oyster Pearl from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.
Get Pro