Sage icon

file-icons:sage

The Sage icon (file-icons:sage) 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

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="M509.75 257.345c-1.915-9.274-9.88-14.955-18.248-15.24l-20.184-67.5c4.664-2.455 8.07-7.268 8.07-13.262c0-10.953-11.334-18.017-21.043-13.764L365.119 33.352c2.8-6.458.918-14.622-5.832-18.811c-7.958-4.94-17.881-1.372-21.546 6.303l-145.61-5.006c-1.345-7.569-7.178-13.902-15.174-15.474c-10.396-2.044-20.48 4.727-22.524 15.123c-1.26 6.408.838 12.691 5.061 17.052L113.41 85.963c-5.624-2.517-12.22-2.833-18.372-.312c-10.725 4.395-16.39 15.862-13.867 26.8L41.5 138.567c-6.398-6.2-16.879-7.696-24.933-1.679c-11.742 8.773-9.618 26.997 3.754 32.884l-7.43 140.164c-9.508 2.59-14.314 14.025-8.57 22.764c4.135 6.291 11.716 8.093 17.932 5.745l101.634 104.28c-2.107 6.41.305 13.666 6.277 17.417c6.1 3.832 13.89 2.738 18.731-2.208l54.698 29.415c-3.266 10.887 3.85 23.112 16.16 24.521c12.94 1.481 23.044-9.965 21.172-21.967L391.97 445.8c4.715 11.267 19.391 15.679 29.602 7.524c10.074-8.045 9.224-23.072-.328-30.3l65.083-143.231c13.482 3.373 26.299-8.53 23.424-22.45M150.29 109.472l-6.38 29.02l-3.898.436l-16.657-18.845a23.5 23.5 0 0 0 3.31-7.858zm19.387-71.443c10.306 1.958 20.27-4.726 22.369-15.001l144.297 4.961c.264 6.062 4.04 10.901 9.061 13.083l-2.998 14.284c-10.764.9-19.446 9.326-21.079 19.713L157.332 94.178zm254.715 232.948l19.752-55.465l29.394 37.608a18.9 18.9 0 0 0-1.712 6.817zm-13.351 26.774c-7.267-.613-13.889 4.461-15.063 11.78c-1.207 7.524 3.798 14.596 11.227 16.029l-1.38 93.978c-5.821 1.214-10.821 5.124-13.433 10.46l-83.074-17.924c.55-6.354-2.91-12.924-9.68-15.473c-10.274-3.868-20.88 4.267-20.273 14.867l-26.134 6.403l26.254-81.283c17.523 2.498 33.017-11.429 33.13-28.526l103.317-24.046zM211.173 476.999l-38.06-35.797l66.515-16.296l-15.787 48.875c-4.37-.428-8.868.626-12.668 3.218m-41.182-38.733l-97.139-91.364a19.06 19.06 0 0 0 3.745-10.053l179.554-19.29c2.275 6.422 6.766 12.075 13.11 15.603l-28.334 87.724zm-57.898-309.217l10.459 11.832l-25.488 2.852l2.598-13.568c4.044.75 8.323.432 12.431-1.116m13.367 15.123l13.774 15.582l-8.599 39.11a14.76 14.76 0 0 0-8.964 2.254c-9.277 5.833-9.255 19.179-.512 25.133l-56.481 86.664l31.679-165.487zm94.63.124c10.965.98 19.017-9.757 15.522-19.831l89.179-33.163a22.7 22.7 0 0 0 5.256 5.745l-46.585 181.74c-5.416-.017-10.89 1.453-15.745 4.613L146.003 145.705l.863-3.928l60.67-6.788c2.02 4.905 6.539 8.77 12.553 9.307M74.315 326.252a19.25 19.25 0 0 0-8.72-8.162l58.76-90.162c9.801 3.73 20.722-3.75 20.324-14.641c-.248-6.803-4.814-11.923-10.515-13.743l8.016-36.456l115.723 130.919a28.5 28.5 0 0 0-3.443 12.891zm236.363-28.81c-2.582-6.829-7.422-11.984-13.28-15.126l46.238-180.388a23.1 23.1 0 0 0 10.206-1.95l87.679 112.179l-21.292 59.788zm170.164-52.484l-32.416-41.474l10.077-28.298a14.7 14.7 0 0 0 5.84 1.183l19.996 66.876a19 19 0 0 0-3.497 1.713M318.241 89.902l-84.18 31.304c-5.606-8.793-18.743-9.403-24.971-.532c-2.367 3.371-3.082 7.211-2.532 10.808l-58.876 6.588l6.384-29.038zM92.802 127.765l-3.217 16.805l-42.582 4.764a19.2 19.2 0 0 0-1.399-4.863l38.31-25.222a23.2 23.2 0 0 0 8.888 8.516M47.24 152.923l41.639-4.658l-32.17 168.045c-7.813.313-14.412 5.283-17.101 12.223l-7.925-1.51c1.389-7.845-3.78-15.619-11.582-17.313l7.333-138.322c10.245.335 19.464-7.76 19.805-18.466M153.13 446.1l7.499-1.837l29.342 27.597l-37.418-20.122c.558-1.852.742-3.763.576-5.638m80.745 31.703l18.058-55.91l28.043-6.871c3 10.035 15.537 14.185 23.936 7.284a14.8 14.8 0 0 0 4.663-6.715l82.506 17.802c-.133.495-.208 1.013-.3 1.524l-154.529 45.12a18.6 18.6 0 0 0-2.377-2.234m175.552-58.664l1.37-93.347c6.407-.417 11.91-5.195 12.97-11.803c1.092-6.81-2.904-13.25-9.18-15.477l5.508-15.464l54.076-12.586a19 19 0 0 0 2.792 3.877L411.14 419.193a19 19 0 0 0-1.714-.055M165.414 36.68q.398.179.806.34l-12.664 57.598l-28.308 3.298a23.2 23.2 0 0 0-5.762-7.994zm195.152 2.464l92.054 112.791c-5.151 6.398-4.252 16.267 2.716 21.432l-9.53 26.762L362.4 93.42c10.913-13.278 4.063-33.657-12.764-37.527l2.856-13.606c2.821-.202 5.627-1.23 8.073-3.142M152.384 442.58c-3.458-10.264-16.571-13.622-24.541-6.094L28.228 334.278c.142-.165.273-.343.409-.516l9.67 1.842c.081 10.526 8.632 19.035 19.177 19.035a19.1 19.1 0 0 0 6.594-1.188l93.428 87.874z"/></svg>

How to use the Sage icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Sage icon in other icon sets

Sage icon FAQ

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

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

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

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

Browse all File Icons →