Crafttweaker icon

file-icons:crafttweaker

The Crafttweaker icon (file-icons:crafttweaker) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 500 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: File Icons
Author: John Gardner
License: ISC
Size: 500 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="500" height="512" viewBox="0 0 500 512"><path fill="currentColor" d="M112.034 0L0 107.344V512h403.355L500 387.74V0zm373.943 97.218l-21.606 26.857l5.234-82.314l16.372-18.34zM144.752 416.69l-31.202-35.774v-35.38l37.786-20.414zm297.512-154.925c-1.518-7.257-5.072-14.714-10.438-22.121c2.554 14.32 4.06 22.26 3.454 30.906l-10.618 13.354c-6.553-9.475-2.511-12.158 1.54-45.315c-7.412 10.832-10.92 21.208-11.073 31.638c-.1 6.715.395 12.623 5.034 19.336l-7.7 9.685V201.77l32.45-40.747v97.41zm-164.74 50.78l-3.308-5.255l7.979-9.144l39.444 3.137v11.262zm.004-56.777h64.678l-14.03 29.804l-46.784-5.028zm51.066 46.592l13.815.977l35.086-66.441h-128l12.01 64.319l8.402 11.33H222.63v-96.99h170.314v96.99h-64.351zm-1.97-186.812h66.321v84.43H234.087zm-114.401 82.37l-76.202-82.37h167.564zm183.53-96.565h-48.486l70.288-22.325zm16.71 88.328v-83.91l18.984-21.47l16.2 56.868zm31.054-118.697l14.691-16.457l-3.653 62.69zm-10.371-9.532l-120.695 39.9H125.413L62.74 68.404l21.045-20.366L189.28 10.409h193.523l67.94 31.205zM114.77 115.549l78.095 84.43H25.372v-84.43zm87.763 100.007v96.99h-90.635v-89.617h-31.14v89.617H25.372v-96.99zm-97.237 130.55v32.6l-20.323-1.843v-30.757zm6.602-20.983h18.297l-18.297 11.223zm-86.526 0h55.386v13.147h-5.915v47.33l33.293 3.771l15.759 16.424H25.372zm132.98 0h44.181v80.672h-49.861zm64.28 0h42.004l-7.106 6.084l17.662 11.97l-19.288 13.143l21.138 10.118l-19.74 16.749l25.046 10.409l-11.087 9.157l5.175 3.042h-53.805zm67.951 93.25h31.056v16.86l-37.833-11.987zm-1.557-12.578l-6.266-3.826l11.336-9.94l-24.434-10.794l18.541-15.939l-19.517-10.084l17.89-11.71l-17.768-12.688l6.565-5.69h46.266v80.67zm39.568-80.672h64.351v80.672h-64.351zm83.868-13.785l4.185-5.255c.697 5.957 5.102 11.25 14.652 11.25c0 0-11.396-12.22-2.146-16.987c9.48-4.886 5.62 16.436 5.62 16.436c8.682-3.629 13.235-18.998 1.271-26.517c4.02-5.366 6.253-11.143 6.873-17.168l1.996-2.506v81.092l-32.45 40.815zm48.147-55.456l25.368-31.855v76.007l-25.368 31.907zm0-17.19v-97.377l25.368-31.855v97.325zm1.794-206.84L415.13 10.408h66.293zM116.67 10.408h44.836l-64.56 19.087zM50.834 79.924l43.05 21.43H28.69zM25.372 418.372H136.67l12.961 14.041l.99-14.04h51.912v75.567H25.373zm197.26 75.568v-75.568h55.573l-10.348 8.742l60.737 18.582v-27.324h64.351v75.568zm189.83-86.353l32.45-40.747v67.971l-32.45 42.214zm48.147 6.806V348.13l25.368-31.855v65.115zM113.199 88.91l201.244.868l82.751-66.464l-197.685-3.933zm177.772-39.809l-16.827 14.507l-49.765-.6l16.489-14.16zm-42.275-6.976l18.126-15.566l49.607.594l-17.76 15.312zm59.454 7.063l46.048.233l-18.79 14.926l-44.639-.539zm-40.8 20.279l-15.765 13.591l-50.817.228l16.785-14.415zm-60.065-6.665l-51.022-.616l16.445-13.682l50.074.253zm-58.074 5.252l51.598.617l-16.206 14.688l-54.078.242zm162.987 14.732l-44.223.199l15.835-13.32l44.24.529zm50.21-39.886l-46.406-.316l18.09-15.218l47.16.566zm-114.88-16.572L230.236 42l-49.308-.336l19.115-15.905z"/></svg>

How to use the Crafttweaker icon

React

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

<Icon icon="file-icons:crafttweaker" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:crafttweaker" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:crafttweaker" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="file-icons:crafttweaker"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/crafttweaker.svg" alt="Crafttweaker icon" width="24" height="24">

Crafttweaker icon FAQ

Is the Crafttweaker icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Crafttweaker icon in React?

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

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

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

Browse all File Icons →