owl icon

owl from Material Symbols Light by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.

Name: owl
Set: Material Symbols Light
Style: Regular
Category: Social
Viewbox: 24×24
License: Apache 2.0
Aliases: owl-sharp

3 other variants in Material Symbols Light

owl-outline owl-outline-rounded owl-rounded

The same icon in other sets

owlEmoji One (Colored)owlFluent Emoji owlFluent Emoji Flat owlFluent Emoji High Contrast owlIconPark owlIconPark Outline owlIconPark Solid owlIconPark TwoTone owlLucide Lab owlMaterial Symbols owlMaterial Design Icons owlNoto Emoji owlOpenMoji owlTwitter Emoji

More social icons from Material Symbols Light

Use the owl icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 14.327q2.394 0 4.197-1.445T18 9.173q0-.952-.348-1.791q-.348-.84-.975-1.478q-1.735.108-2.956 1.296Q12.5 8.389 12.5 10.116h-1q0-1.727-1.23-2.92Q9.038 6.004 7.303 5.93q-.608.638-.956 1.465T6 9.173q0 2.264 1.803 3.709T12 14.327M8.23 9.693q-.21-.21-.21-.52t.21-.52t.52-.21t.52.21t.21.52t-.21.52t-.52.21t-.52-.21m6.5 0q-.21-.21-.21-.52t.21-.52t.52-.21t.52.21t.21.52t-.21.52t-.52.21t-.52-.21M12 21q-2.927 0-4.963-2.084T5 13.885V9.173q0-2.684 2.092-4.429T12 3q2.68 0 4.84 1.696T19 9.173V20h-1q-1.558 0-2.664-1.106t-1.105-2.663v-1.212q-.25.079-.5.124t-.5.095v.993q0 1.978 1.395 3.374T18 21z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightOwl(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 14.327q2.394 0 4.197-1.445T18 9.173q0-.952-.348-1.791q-.348-.84-.975-1.478q-1.735.108-2.956 1.296Q12.5 8.389 12.5 10.116h-1q0-1.727-1.23-2.92Q9.038 6.004 7.303 5.93q-.608.638-.956 1.465T6 9.173q0 2.264 1.803 3.709T12 14.327M8.23 9.693q-.21-.21-.21-.52t.21-.52t.52-.21t.52.21t.21.52t-.21.52t-.52.21t-.52-.21m6.5 0q-.21-.21-.21-.52t.21-.52t.52-.21t.52.21t.21.52t-.21.52t-.52.21t-.52-.21M12 21q-2.927 0-4.963-2.084T5 13.885V9.173q0-2.684 2.092-4.429T12 3q2.68 0 4.84 1.696T19 9.173V20h-1q-1.558 0-2.664-1.106t-1.105-2.663v-1.212q-.25.079-.5.124t-.5.095v.993q0 1.978 1.395 3.374T18 21z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 14.327q2.394 0 4.197-1.445T18 9.173q0-.952-.348-1.791q-.348-.84-.975-1.478q-1.735.108-2.956 1.296Q12.5 8.389 12.5 10.116h-1q0-1.727-1.23-2.92Q9.038 6.004 7.303 5.93q-.608.638-.956 1.465T6 9.173q0 2.264 1.803 3.709T12 14.327M8.23 9.693q-.21-.21-.21-.52t.21-.52t.52-.21t.52.21t.21.52t-.21.52t-.52.21t-.52-.21m6.5 0q-.21-.21-.21-.52t.21-.52t.52-.21t.52.21t.21.52t-.21.52t-.52.21t-.52-.21M12 21q-2.927 0-4.963-2.084T5 13.885V9.173q0-2.684 2.092-4.429T12 3q2.68 0 4.84 1.696T19 9.173V20h-1q-1.558 0-2.664-1.106t-1.105-2.663v-1.212q-.25.079-.5.124t-.5.095v.993q0 1.978 1.395 3.374T18 21z"/></svg>
</template>

CSS

.icon-owl {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2014.327q2.394%200%204.197-1.445T18%209.173q0-.952-.348-1.791q-.348-.84-.975-1.478q-1.735.108-2.956%201.296Q12.5%208.389%2012.5%2010.116h-1q0-1.727-1.23-2.92Q9.038%206.004%207.303%205.93q-.608.638-.956%201.465T6%209.173q0%202.264%201.803%203.709T12%2014.327M8.23%209.693q-.21-.21-.21-.52t.21-.52t.52-.21t.52.21t.21.52t-.21.52t-.52.21t-.52-.21m6.5%200q-.21-.21-.21-.52t.21-.52t.52-.21t.52.21t.21.52t-.21.52t-.52.21t-.52-.21M12%2021q-2.927%200-4.963-2.084T5%2013.885V9.173q0-2.684%202.092-4.429T12%203q2.68%200%204.84%201.696T19%209.173V20h-1q-1.558%200-2.664-1.106t-1.105-2.663v-1.212q-.25.079-.5.124t-.5.095v.993q0%201.978%201.395%203.374T18%2021z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2014.327q2.394%200%204.197-1.445T18%209.173q0-.952-.348-1.791q-.348-.84-.975-1.478q-1.735.108-2.956%201.296Q12.5%208.389%2012.5%2010.116h-1q0-1.727-1.23-2.92Q9.038%206.004%207.303%205.93q-.608.638-.956%201.465T6%209.173q0%202.264%201.803%203.709T12%2014.327M8.23%209.693q-.21-.21-.21-.52t.21-.52t.52-.21t.52.21t.21.52t-.21.52t-.52.21t-.52-.21m6.5%200q-.21-.21-.21-.52t.21-.52t.52-.21t.52.21t.21.52t-.21.52t-.52.21t-.52-.21M12%2021q-2.927%200-4.963-2.084T5%2013.885V9.173q0-2.684%202.092-4.429T12%203q2.68%200%204.84%201.696T19%209.173V20h-1q-1.558%200-2.664-1.106t-1.105-2.663v-1.212q-.25.079-.5.124t-.5.095v.993q0%201.978%201.395%203.374T18%2021z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/owl.svg?color=%231a73e8&size=48