owl icon

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

Name: owl-rounded
Set: Material Symbols
Style: Rounded
Category: Social
Viewbox: 24×24
License: Apache 2.0

3 other variants in Material Symbols

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 Light owlMaterial Design Icons owlNoto Emoji owlOpenMoji owlTwitter Emoji

More social icons from Material Symbols

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="M7.788 9.713Q7.5 9.425 7.5 9t.288-.712T8.5 8t.713.288T9.5 9t-.288.713T8.5 10t-.712-.288m7 0Q14.5 9.426 14.5 9t.288-.712T15.5 8t.713.288T16.5 9t-.288.713T15.5 10t-.712-.288M12 22q-3.35 0-5.675-2.325T4 14V9q0-3.05 2.4-5.025T12 2t5.6 1.975T20 9v10q0 .425-.288.713T19 20h-1q-1.25 0-2.125-.875T15 17v-.05q0-.5-.312-.75T14 15.95t-.687.25t-.313.75V17q0 1.2.525 2.225t1.4 1.7q.375.275.263.675t-.488.4zm0-8q2.375 0 4.188-1.388T18 9q0-.875-.3-1.638T16.85 6q-1.6.05-2.725 1.2T13 10q0 .425-.287.713T12 11t-.712-.288T11 10q0-1.65-1.125-2.775t-2.725-1.2q-.55.6-.85 1.35T6 9q0 2.225 1.813 3.613T12 14"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsOwlRounded(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="M7.788 9.713Q7.5 9.425 7.5 9t.288-.712T8.5 8t.713.288T9.5 9t-.288.713T8.5 10t-.712-.288m7 0Q14.5 9.426 14.5 9t.288-.712T15.5 8t.713.288T16.5 9t-.288.713T15.5 10t-.712-.288M12 22q-3.35 0-5.675-2.325T4 14V9q0-3.05 2.4-5.025T12 2t5.6 1.975T20 9v10q0 .425-.288.713T19 20h-1q-1.25 0-2.125-.875T15 17v-.05q0-.5-.312-.75T14 15.95t-.687.25t-.313.75V17q0 1.2.525 2.225t1.4 1.7q.375.275.263.675t-.488.4zm0-8q2.375 0 4.188-1.388T18 9q0-.875-.3-1.638T16.85 6q-1.6.05-2.725 1.2T13 10q0 .425-.287.713T12 11t-.712-.288T11 10q0-1.65-1.125-2.775t-2.725-1.2q-.55.6-.85 1.35T6 9q0 2.225 1.813 3.613T12 14"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.788 9.713Q7.5 9.425 7.5 9t.288-.712T8.5 8t.713.288T9.5 9t-.288.713T8.5 10t-.712-.288m7 0Q14.5 9.426 14.5 9t.288-.712T15.5 8t.713.288T16.5 9t-.288.713T15.5 10t-.712-.288M12 22q-3.35 0-5.675-2.325T4 14V9q0-3.05 2.4-5.025T12 2t5.6 1.975T20 9v10q0 .425-.288.713T19 20h-1q-1.25 0-2.125-.875T15 17v-.05q0-.5-.312-.75T14 15.95t-.687.25t-.313.75V17q0 1.2.525 2.225t1.4 1.7q.375.275.263.675t-.488.4zm0-8q2.375 0 4.188-1.388T18 9q0-.875-.3-1.638T16.85 6q-1.6.05-2.725 1.2T13 10q0 .425-.287.713T12 11t-.712-.288T11 10q0-1.65-1.125-2.775t-2.725-1.2q-.55.6-.85 1.35T6 9q0 2.225 1.813 3.613T12 14"/></svg>
</template>

CSS

.icon-owl-rounded {
  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%22M7.788%209.713Q7.5%209.425%207.5%209t.288-.712T8.5%208t.713.288T9.5%209t-.288.713T8.5%2010t-.712-.288m7%200Q14.5%209.426%2014.5%209t.288-.712T15.5%208t.713.288T16.5%209t-.288.713T15.5%2010t-.712-.288M12%2022q-3.35%200-5.675-2.325T4%2014V9q0-3.05%202.4-5.025T12%202t5.6%201.975T20%209v10q0%20.425-.288.713T19%2020h-1q-1.25%200-2.125-.875T15%2017v-.05q0-.5-.312-.75T14%2015.95t-.687.25t-.313.75V17q0%201.2.525%202.225t1.4%201.7q.375.275.263.675t-.488.4zm0-8q2.375%200%204.188-1.388T18%209q0-.875-.3-1.638T16.85%206q-1.6.05-2.725%201.2T13%2010q0%20.425-.287.713T12%2011t-.712-.288T11%2010q0-1.65-1.125-2.775t-2.725-1.2q-.55.6-.85%201.35T6%209q0%202.225%201.813%203.613T12%2014%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%22M7.788%209.713Q7.5%209.425%207.5%209t.288-.712T8.5%208t.713.288T9.5%209t-.288.713T8.5%2010t-.712-.288m7%200Q14.5%209.426%2014.5%209t.288-.712T15.5%208t.713.288T16.5%209t-.288.713T15.5%2010t-.712-.288M12%2022q-3.35%200-5.675-2.325T4%2014V9q0-3.05%202.4-5.025T12%202t5.6%201.975T20%209v10q0%20.425-.288.713T19%2020h-1q-1.25%200-2.125-.875T15%2017v-.05q0-.5-.312-.75T14%2015.95t-.687.25t-.313.75V17q0%201.2.525%202.225t1.4%201.7q.375.275.263.675t-.488.4zm0-8q2.375%200%204.188-1.388T18%209q0-.875-.3-1.638T16.85%206q-1.6.05-2.725%201.2T13%2010q0%20.425-.287.713T12%2011t-.712-.288T11%2010q0-1.65-1.125-2.775t-2.725-1.2q-.55.6-.85%201.35T6%209q0%202.225%201.813%203.613T12%2014%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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