Twister icon

game-icons:twister

The Twister icon (game-icons:twister) 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

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="M203.75 18.75c-30.807.152-58.2 2.922-79.375 7.656c-15.057 3.367-26.967 7.8-34.313 12.344c-7.345 4.545-9.187 8.14-9.187 10.72c0 2.578 2.32 7.302 9.906 13c3.283 2.463 7.427 4.992 12.25 7.5c12.58-26.887 60.835-36.463 106.25-36.75c19.47-.123 38.308 1.267 53.72 4.093c-68.11 9.035-126.228 12.386-103.344 51.968c24.78-16.026 76.058-14.97 112.125-10.5c-34.733 4.607-66.215 7.26-78.655 17.19c16.52 2.635 34.167 4.663 52.5 5.874c47.178 3.116 89.886.327 120-6.406c15.057-3.367 26.967-7.8 34.313-12.344c7.345-4.545 9.187-8.14 9.187-10.72c0-2.578-2.288-7.27-9.875-12.968c-7.587-5.696-19.598-11.715-34.72-17.093C334.29 31.555 291.554 23.116 244.376 20a577 577 0 0 0-34.406-1.25c-2.084-.013-4.166-.01-6.22 0M74.094 72.906c-4.445 17.937-5.67 34.503-4.25 49.938c.006.018-.007.044 0 .062c5.82 16.932 23.4 31.81 49.22 43.188c28.19 12.424 65.143 20.243 101.967 22.906c36.826 2.663 73.606.193 101.25-7.094c.066-.017.124-.045.19-.062l.186.125c72.355-9.74 112.614-41.626 102.313-95.595c-6.856 24.535-27.576 42.58-54.25 55.625c2.854-10.052 6.517-20.498 11.124-31.375c-3.85 1.1-7.888 2.115-12.125 3.063c-32.675 7.305-76.713 10.025-125.345 6.812s-92.642-11.767-125.188-23.344c-16.272-5.788-29.685-12.263-39.656-19.75c-1.918-1.44-3.744-2.932-5.436-4.5zm7.562 93.406c11.72 25.393 30.867 47.514 53.563 67.907c10.904 7.757 26.756 14.574 45.28 19.405c25.235 6.58 55.16 9.846 83.5 9.656c25.045-.167 48.934-3.1 67.094-8.342c56.052-11.073 85.383-44.642 71.312-87.688c-2.314 22.634-17.737 39.6-39.125 51.938c-1.028-10.75-1.267-21.987-.405-33.813c-9.994 6.235-22.157 10.986-35.844 14.594c-30.526 8.045-68.822 10.472-107.342 7.686s-77.172-10.8-108.188-24.47c-10.954-4.826-21.063-10.442-29.844-16.874zm321.906 71.75c-4.685 14.62-14.652 26.757-28.25 36.188c-1.862-5.797-3.624-11.708-5.218-17.78c-6.943 5.897-15.767 10.318-25.938 13.905c-21.858 7.71-50.187 11.394-80.03 11.594c-26.414.176-53.918-2.413-78.782-7.94c22.057 16.116 44.73 31.753 65.562 47.876c20.303 8.023 48.924 7.27 73.97-.156c11.94-3.54 22.962-8.51 31.655-14.094c35.963-17.71 60.943-41.843 47.033-69.594zm10.657 59.375c.337 12.78-7.11 24.512-18.5 34.657c-2.77-8.588-5.972-17.316-9.283-26.28c-2.933 3.837-6.436 7.415-10.312 10.655c-12.036 10.06-28.197 17.926-45.938 23.186c-15.81 4.688-33.028 7.436-49.656 7.03c8.393 7.718 16.145 15.62 23 23.845c12.03 6.828 34.757 6.622 55.75-.06c5.846-1.862 11.49-4.14 16.658-6.69c.076-.036.142-.086.218-.124c34.1-14.63 54.92-39.592 38.063-66.22zM44.593 363.781l66 96.94l-80.03-55.47l19.873 48.47l-32.718-21.033l.593 61.313h290.843l-28.03-32.094L279.937 480l-52.532-43.813l5.813 37.375l-77.064-81.156l20.438 71.25zm359.312 4.376c-1 .81-2.013 1.628-3.062 2.406c-9.94 7.374-22.49 13.45-35.906 17.72c-14.445 4.597-30.13 7.443-44.594 6.374c2.874 5.13 5.382 10.404 7.47 15.813c4.2 4.1 9.464 7.06 15.31 8.936l.345.438c44.033 10.426 81.254-3.684 74.905-48.094c-1.93 8.424-7.29 15.254-14.78 20.563c1.134-8.125 1.125-16.143.31-24.157zm-69.656 67.938c2.15 17.584-.015 36.745-7.72 57.937c27.994-20.634 46.844-39.46 59-57.217c-5.283 1.592-10.828 2.678-16.436 3.28c-11.496 1.236-23.753.172-34.844-4"/></svg>

How to use the Twister icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:twister"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/twister.svg" alt="Twister icon" width="24" height="24">

Twister icon FAQ

Is the Twister 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 Twister icon in React?

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

How do I add the Twister icon to a web page?

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

Browse all Game Icons →