gif icon

gif-rounded from Material Symbols Light by Google · Rounded · Images · Apache-2.0 Free for personal and commercial use.

Name: gif-rounded
Set: Material Symbols Light
Style: Rounded
Category: Images
Viewbox: 24×24
License: Apache 2.0
Aliases: gif-outline-rounded

2 other variants in Material Symbols Light

The same icon in other sets

gif-outlinedAnt Design Icons gifCarbon gif-16-filledFluent UI System Icons gifHeroIcons gifMage Icons gifMaterial Symbols gifMaterial Design Icons gifPhosphor gifPixelarticons gifTabler Icons gif-outlineTeenyicons

More images icons from Material Symbols Light

10mp 11mp 12mp 13mp 14mp 15mp 16mp 17mp 18mp 19mp 20mp 21mp 22mp 23mp 24fps-select 24mp 2mp 30fps-select 3mp 4mp 50mp 5mp 60fps-select 6mp

Use the gif icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.934 14.567q-.126-.125-.126-.317v-4.5q0-.192.125-.317t.316-.125t.317.125t.126.317v4.5q0 .192-.125.317t-.316.125t-.317-.125m-5.011.125q-.565 0-.975-.418t-.41-.966v-2.616q0-.548.41-.966t.975-.418h2.558q.192 0 .317.125t.125.316t-.125.317t-.317.126H7.039q-.231 0-.423.192q-.193.193-.193.424v2.384q0 .231.193.423q.192.193.423.193h1.384q.23 0 .423-.193q.193-.192.193-.423v-.596q0-.192.125-.317t.316-.125t.317.122t.126.31v.722q0 .548-.41.966t-.974.418zm7.78-.125q-.126-.125-.126-.317v-4.5q0-.192.125-.317t.317-.125h3q.192 0 .317.125t.126.316t-.126.317t-.317.126h-2.557v1.462h1.557q.192 0 .317.125q.126.125.126.316t-.126.318t-.317.126h-1.557v1.711q0 .192-.125.317t-.317.125t-.317-.125"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightGifRounded(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="M11.934 14.567q-.126-.125-.126-.317v-4.5q0-.192.125-.317t.316-.125t.317.125t.126.317v4.5q0 .192-.125.317t-.316.125t-.317-.125m-5.011.125q-.565 0-.975-.418t-.41-.966v-2.616q0-.548.41-.966t.975-.418h2.558q.192 0 .317.125t.125.316t-.125.317t-.317.126H7.039q-.231 0-.423.192q-.193.193-.193.424v2.384q0 .231.193.423q.192.193.423.193h1.384q.23 0 .423-.193q.193-.192.193-.423v-.596q0-.192.125-.317t.316-.125t.317.122t.126.31v.722q0 .548-.41.966t-.974.418zm7.78-.125q-.126-.125-.126-.317v-4.5q0-.192.125-.317t.317-.125h3q.192 0 .317.125t.126.316t-.126.317t-.317.126h-2.557v1.462h1.557q.192 0 .317.125q.126.125.126.316t-.126.318t-.317.126h-1.557v1.711q0 .192-.125.317t-.317.125t-.317-.125"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.934 14.567q-.126-.125-.126-.317v-4.5q0-.192.125-.317t.316-.125t.317.125t.126.317v4.5q0 .192-.125.317t-.316.125t-.317-.125m-5.011.125q-.565 0-.975-.418t-.41-.966v-2.616q0-.548.41-.966t.975-.418h2.558q.192 0 .317.125t.125.316t-.125.317t-.317.126H7.039q-.231 0-.423.192q-.193.193-.193.424v2.384q0 .231.193.423q.192.193.423.193h1.384q.23 0 .423-.193q.193-.192.193-.423v-.596q0-.192.125-.317t.316-.125t.317.122t.126.31v.722q0 .548-.41.966t-.974.418zm7.78-.125q-.126-.125-.126-.317v-4.5q0-.192.125-.317t.317-.125h3q.192 0 .317.125t.126.316t-.126.317t-.317.126h-2.557v1.462h1.557q.192 0 .317.125q.126.125.126.316t-.126.318t-.317.126h-1.557v1.711q0 .192-.125.317t-.317.125t-.317-.125"/></svg>
</template>

CSS

.icon-gif-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%22M11.934%2014.567q-.126-.125-.126-.317v-4.5q0-.192.125-.317t.316-.125t.317.125t.126.317v4.5q0%20.192-.125.317t-.316.125t-.317-.125m-5.011.125q-.565%200-.975-.418t-.41-.966v-2.616q0-.548.41-.966t.975-.418h2.558q.192%200%20.317.125t.125.316t-.125.317t-.317.126H7.039q-.231%200-.423.192q-.193.193-.193.424v2.384q0%20.231.193.423q.192.193.423.193h1.384q.23%200%20.423-.193q.193-.192.193-.423v-.596q0-.192.125-.317t.316-.125t.317.122t.126.31v.722q0%20.548-.41.966t-.974.418zm7.78-.125q-.126-.125-.126-.317v-4.5q0-.192.125-.317t.317-.125h3q.192%200%20.317.125t.126.316t-.126.317t-.317.126h-2.557v1.462h1.557q.192%200%20.317.125q.126.125.126.316t-.126.318t-.317.126h-1.557v1.711q0%20.192-.125.317t-.317.125t-.317-.125%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%22M11.934%2014.567q-.126-.125-.126-.317v-4.5q0-.192.125-.317t.316-.125t.317.125t.126.317v4.5q0%20.192-.125.317t-.316.125t-.317-.125m-5.011.125q-.565%200-.975-.418t-.41-.966v-2.616q0-.548.41-.966t.975-.418h2.558q.192%200%20.317.125t.125.316t-.125.317t-.317.126H7.039q-.231%200-.423.192q-.193.193-.193.424v2.384q0%20.231.193.423q.192.193.423.193h1.384q.23%200%20.423-.193q.193-.192.193-.423v-.596q0-.192.125-.317t.316-.125t.317.122t.126.31v.722q0%20.548-.41.966t-.974.418zm7.78-.125q-.126-.125-.126-.317v-4.5q0-.192.125-.317t.317-.125h3q.192%200%20.317.125t.126.316t-.126.317t-.317.126h-2.557v1.462h1.557q.192%200%20.317.125q.126.125.126.316t-.126.318t-.317.126h-1.557v1.711q0%20.192-.125.317t-.317.125t-.317-.125%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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