Nunjucks icon

file-icons:nunjucks

The Nunjucks icon (file-icons:nunjucks) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 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: 512 × 512
Tags: nunjuck

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="m349.255 148.215l-3.226 2.018c-.655-1.228-1.315-2.458-2.13-3.645c-6.421-9.267-16.19-14.296-24.668-13.548c.092-6.605-2.411-13.931-7.588-20.158c-7.552-9.078-18.325-13.123-26.911-10.993c.379-1.362.587-2.77.596-4.219c.082-11.469-12.317-20.936-27.404-20.997c-15.012.031-27.33 9.222-27.407 20.629c-.005.63.164 1.213.231 1.829c-7.552.471-15.78 5.038-21.54 12.774c-4.992 6.784-7.086 14.618-6.394 21.366c-7.495.174-15.824 4.326-21.906 11.679c-1.034 1.27-1.984 2.667-2.809 4.014l-4.296-2.949L-.001 399.26l41.457 28.447l173.798-253.24l-3.108-2.135c.286-.317.605-.578.881-.911c5.668-6.856 8.151-14.981 7.495-22.026c7.726-.246 16.19-4.726 22.119-12.692c4.613-6.196 6.804-13.246 6.645-19.584c2.703.697 5.545 1.172 8.545 1.183c5.38.02 10.378-1.177 14.628-3.2c-1.536 7.546.904 16.855 7.216 24.448c6.728 7.997 16.033 12.067 24.01 11.366c-.266 6.22 1.749 13.246 6.029 19.425c.414.589.955 1.153 1.39 1.705l-4.496 2.806l162.75 260.479l42.639-26.629l-162.745-260.483zm-160.961 2.081c5.566-6.727 14.19-8.724 19.295-4.474s4.746 13.02-.824 19.753c-.558.676-1.167 1.27-1.781 1.848l-19.195-13.179c.666-1.331 1.498-2.718 2.506-3.947zm28.57-33.422c5.218-7.01 13.725-9.445 19.038-5.46s5.407 12.759.19 19.769c-5.218 7.01-13.783 9.513-19.097 5.535c-5.284-3.958-5.281-12.843-.131-19.843zm41.52-7.119c-8.739-.035-15.841-5.438-15.795-12.078c.051-6.605 7.199-11.874 15.887-11.894c8.74.035 15.745 5.438 15.697 12.078s-7.05 11.93-15.79 11.894zM286.32 133.3c-5.586-6.723-5.962-15.588-.841-19.817c5.115-4.229 13.671-2.253 19.257 4.465s6.006 15.636.891 19.866c-5.104 4.208-13.715 2.138-19.306-4.512zm30.56 31.402c-4.971-7.183-4.577-16.051.891-19.814c5.473-3.763 13.819-1.044 18.796 6.139c.86 1.239 1.5 2.535 2.043 3.845l-19.712 12.309a24 24 0 0 1-2.017-2.479z"/></svg>

How to use the Nunjucks icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Nunjucks icon in other icon sets

Nunjucks icon FAQ

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

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

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

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

Browse all File Icons →