Triple Shells icon

game-icons:triple-shells

The Triple Shells icon (game-icons:triple-shells) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Game Icons
Author: GameIcons
License: CC-BY-3.0
Size: 512 × 512
Tags: tripleshells, shell

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M227.633 20.328a120.5 120.5 0 0 0-31.688 4.123h-.002c-31.914 8.552-51.563 42.214-42.76 75.07c7.786 29.072 35.064 47.54 64.186 45.28l-16.036-59.85l18.053-4.835L266.88 257.37c60.085-21.015 94.65-84.542 78.015-146.626c-14.18-52.898-61.126-88.197-112.782-90.316q-2.235-.09-4.48-.1M161.853 145.5c-31.67 22.004-55.83 54.075-67.814 91.56a140.3 140.3 0 0 1 22.07-6.18c12.703-31.046 34.975-57.13 63.17-74.597a81 81 0 0 1-17.428-10.783zm205.723 3.05c-.34 7.29-1.253 14.49-2.703 21.548c29.917 25.352 50.256 61.635 54.906 102.734a78.7 78.7 0 0 1 13.508-1.238q2.577-.012 5.17.146c-5.44-50.412-32.113-94.52-70.882-123.19zM143.42 246.866c-31.274-.09-62.505 11.78-86.338 35.612c-47.66 47.663-47.407 124.984-.256 172.138c23.365 23.365 62.335 23.554 86.39-.504h.003c21.285-21.278 23.636-54.134 7.114-78.223l-43.81 43.81l-13.215-13.215l129.76-129.76c-22.944-19.75-51.284-29.776-79.65-29.857zm289.875 43.39q-1.14.005-2.274.05c-22.475.902-42.963 14.243-52.897 35.006l59.832 16.032l-4.838 18.053L255.864 311.9c-11.845 62.544 25.89 124.244 87.975 140.88c65.11 17.445 131.95-21.434 149.21-85.848c8.55-31.915-10.773-65.76-43.63-74.563a61.5 61.5 0 0 0-16.123-2.11zM178.47 424.96a79.6 79.6 0 0 1-5.57 18.374c26.31 15.528 56.965 24.453 89.682 24.453a176.6 176.6 0 0 0 49.72-7.115a139 139 0 0 1-22.21-13.953a160 160 0 0 1-27.51 2.378c-30.93 0-59.756-8.847-84.11-24.14z"/></svg>

How to use the Triple Shells icon

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:triple-shells" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:triple-shells" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:triple-shells" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--triple-shells]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:triple-shells"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:triple-shells"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/triple-shells.svg" alt="Triple Shells icon" width="24" height="24">

Related icons in Game Icons

Triple Shells icon FAQ

Is the Triple Shells icon free for commercial use?

Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Triple Shells icon in React?

Install @iconify/react and render <Icon icon="game-icons:triple-shells" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Triple Shells icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/triple-shells.svg" alt="Triple Shells icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →