Owl icon

file-icons:owl

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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="318" height="512" viewBox="0 0 318 512"><path fill="currentColor" d="M177.166 98.524c-.478-12.263-15.163-18.38-22.209-23.128c-5.673-3.823-38.6 14.775-51.524 23.176C87.507 108.924 91.17 131.38 91.17 131.38c-4.3 4.618-6.447 7.12-7.803 14.81c-.956 5.415 1.374 10.93 2.548 16.085c.948 4.167.796 7.326.796 7.326c-10.51 3.185-18.155 14.81-18.155 14.81H65.37c-2.07-3.026-3.822-24.525-.319-30.417c25.815-19.33.478-39.336-25.799-50.165c-6.15-2.535-10.715-.843-15.448.159c-21.817 4.618-3.98 56.057-3.98 56.057v6.052s-21.339-45.37-19.74-57.249c1.168-8.671 9.496-16.825 17.82-18.733c2.883-.66.029-8.067 1.599-15.763c2.023-9.916 11.008-22.51 11.008-22.51c5.25 6.29 12.271 33.13 12.271 33.13l18.456.068s78.826-34.362 88.627-36.928L169.023 0c12.994 8.796 20.814 26.243 21.417 48.565c0 0 18.504 2.379 28.958 14.177c21.116 23.83 24.692 58.01 54.297 81.445c12.709 10.06 24.19 18.123 31.842 34.777c17.331 37.724 16.908 99.5-8.206 139.012c0 0-62.748 92.674-58.887 116.808c3.862 24.134 29.926 25.582 66.127 25.582l-27.119 37.623c-52.279 10.376-114.648 35.021-108.514-24.108c0 0-99.528 55.17-137.08 29.926c-13.405-9.01-39.58-88.798-19.79-147.489c4.835-14.337 15.102-33.453 28.96-49.444c31.375-36.2 55.026-52.612 72.383-68.603c13.327-12.28 24.758-16.326 29.463-24.071c9.82-16.167 1.908-28.871 1.908-28.871c18.856-7.63 31.55-19.525 36.147-27.856c5.242-9.504-5.638-8.788-5.638-8.788s10.422-12.447 13.1-22.716c.445-1.711-3.163-4.773-2.82-6.467c1.212-5.98 2.156-14.26.664-16.747c-4.79-7.982-9.07-4.231-9.07-4.231m-78.098 333.7c60.242-6.348 73.571-32.193 73.41-33.319c0 0-26.753-.75-30.347-1.412c-5.009-.923-6.586-3.33-6.586-3.33c67.926 1.776 96.42-39.482 116.414-73.774c28.447-48.786 10.061-104.347-4.7-140.479c-46.602 35.799-137.289 98.357-176.304 154.477c-29.71 42.734-2.358 141.997 6.975 151.455s82.707-53.694 82.707-53.694c-27.147 7.352-50.58 10.594-61.569.076M64.738 130.54c.578 8.233-4.915 20.56-20.584 21.865c-15.668 1.306-25.25-13.594-25.35-17.965c-.288-12.711 9.39-18.056 21.09-18.056s24.266 5.923 24.844 14.156m-9.64 6.28c.794-8.942-3.378-12.518-13.908-12.915c-10.53-.398-13.908 7.351-10.73 14.9c3.18 7.55 23.842 6.955 24.637-1.986m48.033-15.205c1.439-7.435 5.764-19.656 29.977-20.625c29.977-1.199 34.184 21.672 29.737 32.376c-6.475 15.588-27.818 26.38-43.407 15.108s-17.746-19.425-16.307-26.86m13.67 7.914s5.515 11.75 18.226 10.552c12.71-1.2 16.307-10.792 16.787-16.068c.215-2.373-1.631-8.686-6.475-11.511c-5.928-3.457-15.537-3.071-21.344-.96c-10.552 3.837-7.195 17.987-7.195 17.987"/></svg>

How to use the Owl icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Owl icon in other icon sets

Owl icon FAQ

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

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

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

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

Browse all File Icons →