gif icon

gif-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.

Name
gif-outlined
Set
Ant Design Icons
Style
Outlined
Viewbox
1024×1024
License
MIT
Aliases
gif

The same icon in other sets

gifCarbongif-16-filledFluent UI System IconsgifHeroIconsgifMage IconsgifMaterial SymbolsgifMaterial Symbols LightgifMaterial Design IconsgifPhosphorgifPixelarticonsgifTabler Iconsgif-outlineTeenyicons

Use the gif icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M944 299H692c-4.4 0-8 3.6-8 8v406c0 4.4 3.6 8 8 8h59.2c4.4 0 8-3.6 8-8V549.9h168.2c4.4 0 8-3.6 8-8V495c0-4.4-3.6-8-8-8H759.2V364.2H944c4.4 0 8-3.6 8-8V307c0-4.4-3.6-8-8-8m-356 1h-56c-4.4 0-8 3.6-8 8v406c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V308c0-4.4-3.6-8-8-8M452 500.9H290.5c-4.4 0-8 3.6-8 8v43.7c0 4.4 3.6 8 8 8h94.9l-.3 8.9c-1.2 58.8-45.6 98.5-110.9 98.5c-76.2 0-123.9-59.7-123.9-156.7c0-95.8 46.8-155.2 121.5-155.2c54.8 0 93.1 26.9 108.5 75.4h76.2c-13.6-87.2-86-143.4-184.7-143.4C150 288 72 375.2 72 511.9C72 650.2 149.1 736 273 736c114.1 0 187-70.7 187-181.6v-45.5c0-4.4-3.6-8-8-8"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignGifOutlined(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M944 299H692c-4.4 0-8 3.6-8 8v406c0 4.4 3.6 8 8 8h59.2c4.4 0 8-3.6 8-8V549.9h168.2c4.4 0 8-3.6 8-8V495c0-4.4-3.6-8-8-8H759.2V364.2H944c4.4 0 8-3.6 8-8V307c0-4.4-3.6-8-8-8m-356 1h-56c-4.4 0-8 3.6-8 8v406c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V308c0-4.4-3.6-8-8-8M452 500.9H290.5c-4.4 0-8 3.6-8 8v43.7c0 4.4 3.6 8 8 8h94.9l-.3 8.9c-1.2 58.8-45.6 98.5-110.9 98.5c-76.2 0-123.9-59.7-123.9-156.7c0-95.8 46.8-155.2 121.5-155.2c54.8 0 93.1 26.9 108.5 75.4h76.2c-13.6-87.2-86-143.4-184.7-143.4C150 288 72 375.2 72 511.9C72 650.2 149.1 736 273 736c114.1 0 187-70.7 187-181.6v-45.5c0-4.4-3.6-8-8-8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M944 299H692c-4.4 0-8 3.6-8 8v406c0 4.4 3.6 8 8 8h59.2c4.4 0 8-3.6 8-8V549.9h168.2c4.4 0 8-3.6 8-8V495c0-4.4-3.6-8-8-8H759.2V364.2H944c4.4 0 8-3.6 8-8V307c0-4.4-3.6-8-8-8m-356 1h-56c-4.4 0-8 3.6-8 8v406c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V308c0-4.4-3.6-8-8-8M452 500.9H290.5c-4.4 0-8 3.6-8 8v43.7c0 4.4 3.6 8 8 8h94.9l-.3 8.9c-1.2 58.8-45.6 98.5-110.9 98.5c-76.2 0-123.9-59.7-123.9-156.7c0-95.8 46.8-155.2 121.5-155.2c54.8 0 93.1 26.9 108.5 75.4h76.2c-13.6-87.2-86-143.4-184.7-143.4C150 288 72 375.2 72 511.9C72 650.2 149.1 736 273 736c114.1 0 187-70.7 187-181.6v-45.5c0-4.4-3.6-8-8-8"/></svg>
</template>

CSS

.icon-gif-outlined {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M944%20299H692c-4.4%200-8%203.6-8%208v406c0%204.4%203.6%208%208%208h59.2c4.4%200%208-3.6%208-8V549.9h168.2c4.4%200%208-3.6%208-8V495c0-4.4-3.6-8-8-8H759.2V364.2H944c4.4%200%208-3.6%208-8V307c0-4.4-3.6-8-8-8m-356%201h-56c-4.4%200-8%203.6-8%208v406c0%204.4%203.6%208%208%208h56c4.4%200%208-3.6%208-8V308c0-4.4-3.6-8-8-8M452%20500.9H290.5c-4.4%200-8%203.6-8%208v43.7c0%204.4%203.6%208%208%208h94.9l-.3%208.9c-1.2%2058.8-45.6%2098.5-110.9%2098.5c-76.2%200-123.9-59.7-123.9-156.7c0-95.8%2046.8-155.2%20121.5-155.2c54.8%200%2093.1%2026.9%20108.5%2075.4h76.2c-13.6-87.2-86-143.4-184.7-143.4C150%20288%2072%20375.2%2072%20511.9C72%20650.2%20149.1%20736%20273%20736c114.1%200%20187-70.7%20187-181.6v-45.5c0-4.4-3.6-8-8-8%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M944%20299H692c-4.4%200-8%203.6-8%208v406c0%204.4%203.6%208%208%208h59.2c4.4%200%208-3.6%208-8V549.9h168.2c4.4%200%208-3.6%208-8V495c0-4.4-3.6-8-8-8H759.2V364.2H944c4.4%200%208-3.6%208-8V307c0-4.4-3.6-8-8-8m-356%201h-56c-4.4%200-8%203.6-8%208v406c0%204.4%203.6%208%208%208h56c4.4%200%208-3.6%208-8V308c0-4.4-3.6-8-8-8M452%20500.9H290.5c-4.4%200-8%203.6-8%208v43.7c0%204.4%203.6%208%208%208h94.9l-.3%208.9c-1.2%2058.8-45.6%2098.5-110.9%2098.5c-76.2%200-123.9-59.7-123.9-156.7c0-95.8%2046.8-155.2%20121.5-155.2c54.8%200%2093.1%2026.9%20108.5%2075.4h76.2c-13.6-87.2-86-143.4-184.7-143.4C150%20288%2072%20375.2%2072%20511.9C72%20650.2%20149.1%20736%20273%20736c114.1%200%20187-70.7%20187-181.6v-45.5c0-4.4-3.6-8-8-8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/gif-outlined.svg?color=%231a73e8&size=48