ffmpeg icon logo

ffmpeg-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
ffmpeg-icon
Set
SVG Logos
Style
Color
Viewbox
256×244
License
CC0

Use the ffmpeg icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 244"><defs><radialGradient id="SVGK18OLd2s" cx="19.932%" cy="18.852%" r="50.648%" fx="19.932%" fy="18.852%" gradientTransform="matrix(.96523 0 0 1 .007 0)"><stop offset="0%" stop-color="#fff"/><stop offset="100%" stop-color="#007808"/></radialGradient></defs><path fill="#0b4819" d="M2.132 51.591V21.189l20.409 7.031v28.283zm16.457 124.986V63.534l19.508 4.127v105.06z"/><path fill="#105c80" d="m114.003 21.139l-50.135 57.5v24.469l74.357-83.843L256 10.148L82.762 190.718l23.062 1.214L231.652 63.233v121.639l-13.978 13.14l35.451 1.915v33.666l-111.203-8.613l56.687-54.992v-27.102l-81.043 80.208l-97.04-7.503L176.18 48.195l-25.616 1.385L38.097 172.721V67.661L48.75 55.084l-26.209 1.419V28.22z"/><path fill="#0b4819" d="m18.589 63.534l11.283-13.582l18.878 5.132l-10.653 12.577z"/><path fill="#084010" d="m45.917 75.272l17.951 3.367v24.469l-17.951-1.469z"/><path fill="#0c541e" d="m66.012 196.142l16.75-5.424l23.062 1.214l-15.218 5.629z"/><path fill="#1a5c34" d="m99.344 12.96l14.659 8.179l-50.135 57.5l-17.951-3.367z"/><path fill="#0b4819" d="m45.917 101.639l79.356-90.873l12.952 8.499l-74.357 83.843z"/><path fill="#1a5c34" d="m138.513 43.53l12.051 6.05L38.097 172.721l-19.508 3.856z"/><path fill="#0b4819" d="M0 222.589L166.066 41.902l10.114 6.293L20.526 215.591z"/><path fill="#1a5c34" d="m190.263 144.697l8.346-1.811l-81.043 80.208l-14.412 8.229z"/><path fill="#0b4819" d="M190.263 174.156v-29.459l8.346-1.811v27.102z"/><path fill="#0b4819" d="m129.241 233.526l61.022-59.37l8.346-4.168l-56.687 54.992z"/><path fill="#13802d" d="m226.027 190.476l-15.147 14.233l6.794-6.697l13.978-13.14z"/><path fill="#0b4819" d="m90.606 197.561l135.421-139.56l5.625 5.232l-125.828 128.699z"/><path fill="#084010" d="m226.027 58.001l5.625 5.232v121.639l-5.625 5.604zm23.33 148.982l3.768-7.056v33.666l-3.768 10.106z"/><path fill="#1a5c34" d="M252.478 0L256 10.148L82.762 190.718l-16.75 5.424z"/><path fill="url(#SVGK18OLd2s)" d="M99.344 12.96L45.917 75.272v26.367l79.356-90.873L252.478 0L66.012 196.142l24.594 1.419l135.421-139.56v132.475l-15.147 14.233l38.477 2.274v36.716l-120.116-10.173l61.022-59.37v-29.459l-87.109 86.626L0 222.589L166.066 41.902l-27.553 1.628L18.589 176.577V63.534l11.283-13.582l-27.74 1.639V21.189z"/></svg>

React

import type { SVGProps } from "react";

export function LogosFfmpegIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 244"><defs><radialGradient id="SVGK18OLd2s" cx="19.932%" cy="18.852%" r="50.648%" fx="19.932%" fy="18.852%" gradientTransform="matrix(.96523 0 0 1 .007 0)"><stop offset="0%" stopColor="#fff"/><stop offset="100%" stopColor="#007808"/></radialGradient></defs><path fill="#0b4819" d="M2.132 51.591V21.189l20.409 7.031v28.283zm16.457 124.986V63.534l19.508 4.127v105.06z"/><path fill="#105c80" d="m114.003 21.139l-50.135 57.5v24.469l74.357-83.843L256 10.148L82.762 190.718l23.062 1.214L231.652 63.233v121.639l-13.978 13.14l35.451 1.915v33.666l-111.203-8.613l56.687-54.992v-27.102l-81.043 80.208l-97.04-7.503L176.18 48.195l-25.616 1.385L38.097 172.721V67.661L48.75 55.084l-26.209 1.419V28.22z"/><path fill="#0b4819" d="m18.589 63.534l11.283-13.582l18.878 5.132l-10.653 12.577z"/><path fill="#084010" d="m45.917 75.272l17.951 3.367v24.469l-17.951-1.469z"/><path fill="#0c541e" d="m66.012 196.142l16.75-5.424l23.062 1.214l-15.218 5.629z"/><path fill="#1a5c34" d="m99.344 12.96l14.659 8.179l-50.135 57.5l-17.951-3.367z"/><path fill="#0b4819" d="m45.917 101.639l79.356-90.873l12.952 8.499l-74.357 83.843z"/><path fill="#1a5c34" d="m138.513 43.53l12.051 6.05L38.097 172.721l-19.508 3.856z"/><path fill="#0b4819" d="M0 222.589L166.066 41.902l10.114 6.293L20.526 215.591z"/><path fill="#1a5c34" d="m190.263 144.697l8.346-1.811l-81.043 80.208l-14.412 8.229z"/><path fill="#0b4819" d="M190.263 174.156v-29.459l8.346-1.811v27.102z"/><path fill="#0b4819" d="m129.241 233.526l61.022-59.37l8.346-4.168l-56.687 54.992z"/><path fill="#13802d" d="m226.027 190.476l-15.147 14.233l6.794-6.697l13.978-13.14z"/><path fill="#0b4819" d="m90.606 197.561l135.421-139.56l5.625 5.232l-125.828 128.699z"/><path fill="#084010" d="m226.027 58.001l5.625 5.232v121.639l-5.625 5.604zm23.33 148.982l3.768-7.056v33.666l-3.768 10.106z"/><path fill="#1a5c34" d="M252.478 0L256 10.148L82.762 190.718l-16.75 5.424z"/><path fill="url(#SVGK18OLd2s)" d="M99.344 12.96L45.917 75.272v26.367l79.356-90.873L252.478 0L66.012 196.142l24.594 1.419l135.421-139.56v132.475l-15.147 14.233l38.477 2.274v36.716l-120.116-10.173l61.022-59.37v-29.459l-87.109 86.626L0 222.589L166.066 41.902l-27.553 1.628L18.589 176.577V63.534l11.283-13.582l-27.74 1.639V21.189z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 244"><defs><radialGradient id="SVGK18OLd2s" cx="19.932%" cy="18.852%" r="50.648%" fx="19.932%" fy="18.852%" gradientTransform="matrix(.96523 0 0 1 .007 0)"><stop offset="0%" stop-color="#fff"/><stop offset="100%" stop-color="#007808"/></radialGradient></defs><path fill="#0b4819" d="M2.132 51.591V21.189l20.409 7.031v28.283zm16.457 124.986V63.534l19.508 4.127v105.06z"/><path fill="#105c80" d="m114.003 21.139l-50.135 57.5v24.469l74.357-83.843L256 10.148L82.762 190.718l23.062 1.214L231.652 63.233v121.639l-13.978 13.14l35.451 1.915v33.666l-111.203-8.613l56.687-54.992v-27.102l-81.043 80.208l-97.04-7.503L176.18 48.195l-25.616 1.385L38.097 172.721V67.661L48.75 55.084l-26.209 1.419V28.22z"/><path fill="#0b4819" d="m18.589 63.534l11.283-13.582l18.878 5.132l-10.653 12.577z"/><path fill="#084010" d="m45.917 75.272l17.951 3.367v24.469l-17.951-1.469z"/><path fill="#0c541e" d="m66.012 196.142l16.75-5.424l23.062 1.214l-15.218 5.629z"/><path fill="#1a5c34" d="m99.344 12.96l14.659 8.179l-50.135 57.5l-17.951-3.367z"/><path fill="#0b4819" d="m45.917 101.639l79.356-90.873l12.952 8.499l-74.357 83.843z"/><path fill="#1a5c34" d="m138.513 43.53l12.051 6.05L38.097 172.721l-19.508 3.856z"/><path fill="#0b4819" d="M0 222.589L166.066 41.902l10.114 6.293L20.526 215.591z"/><path fill="#1a5c34" d="m190.263 144.697l8.346-1.811l-81.043 80.208l-14.412 8.229z"/><path fill="#0b4819" d="M190.263 174.156v-29.459l8.346-1.811v27.102z"/><path fill="#0b4819" d="m129.241 233.526l61.022-59.37l8.346-4.168l-56.687 54.992z"/><path fill="#13802d" d="m226.027 190.476l-15.147 14.233l6.794-6.697l13.978-13.14z"/><path fill="#0b4819" d="m90.606 197.561l135.421-139.56l5.625 5.232l-125.828 128.699z"/><path fill="#084010" d="m226.027 58.001l5.625 5.232v121.639l-5.625 5.604zm23.33 148.982l3.768-7.056v33.666l-3.768 10.106z"/><path fill="#1a5c34" d="M252.478 0L256 10.148L82.762 190.718l-16.75 5.424z"/><path fill="url(#SVGK18OLd2s)" d="M99.344 12.96L45.917 75.272v26.367l79.356-90.873L252.478 0L66.012 196.142l24.594 1.419l135.421-139.56v132.475l-15.147 14.233l38.477 2.274v36.716l-120.116-10.173l61.022-59.37v-29.459l-87.109 86.626L0 222.589L166.066 41.902l-27.553 1.628L18.589 176.577V63.534l11.283-13.582l-27.74 1.639V21.189z"/></svg>
</template>

CSS

.icon-ffmpeg-icon {
  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%20256%20244%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGK18OLd2s%22%20cx%3D%2219.932%25%22%20cy%3D%2218.852%25%22%20r%3D%2250.648%25%22%20fx%3D%2219.932%25%22%20fy%3D%2218.852%25%22%20gradientTransform%3D%22matrix(.96523%200%200%201%20.007%200)%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23007808%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%230b4819%22%20d%3D%22M2.132%2051.591V21.189l20.409%207.031v28.283zm16.457%20124.986V63.534l19.508%204.127v105.06z%22%2F%3E%3Cpath%20fill%3D%22%23105c80%22%20d%3D%22m114.003%2021.139l-50.135%2057.5v24.469l74.357-83.843L256%2010.148L82.762%20190.718l23.062%201.214L231.652%2063.233v121.639l-13.978%2013.14l35.451%201.915v33.666l-111.203-8.613l56.687-54.992v-27.102l-81.043%2080.208l-97.04-7.503L176.18%2048.195l-25.616%201.385L38.097%20172.721V67.661L48.75%2055.084l-26.209%201.419V28.22z%22%2F%3E%3Cpath%20fill%3D%22%230b4819%22%20d%3D%22m18.589%2063.534l11.283-13.582l18.878%205.132l-10.653%2012.577z%22%2F%3E%3Cpath%20fill%3D%22%23084010%22%20d%3D%22m45.917%2075.272l17.951%203.367v24.469l-17.951-1.469z%22%2F%3E%3Cpath%20fill%3D%22%230c541e%22%20d%3D%22m66.012%20196.142l16.75-5.424l23.062%201.214l-15.218%205.629z%22%2F%3E%3Cpath%20fill%3D%22%231a5c34%22%20d%3D%22m99.344%2012.96l14.659%208.179l-50.135%2057.5l-17.951-3.367z%22%2F%3E%3Cpath%20fill%3D%22%230b4819%22%20d%3D%22m45.917%20101.639l79.356-90.873l12.952%208.499l-74.357%2083.843z%22%2F%3E%3Cpath%20fill%3D%22%231a5c34%22%20d%3D%22m138.513%2043.53l12.051%206.05L38.097%20172.721l-19.508%203.856z%22%2F%3E%3Cpath%20fill%3D%22%230b4819%22%20d%3D%22M0%20222.589L166.066%2041.902l10.114%206.293L20.526%20215.591z%22%2F%3E%3Cpath%20fill%3D%22%231a5c34%22%20d%3D%22m190.263%20144.697l8.346-1.811l-81.043%2080.208l-14.412%208.229z%22%2F%3E%3Cpath%20fill%3D%22%230b4819%22%20d%3D%22M190.263%20174.156v-29.459l8.346-1.811v27.102z%22%2F%3E%3Cpath%20fill%3D%22%230b4819%22%20d%3D%22m129.241%20233.526l61.022-59.37l8.346-4.168l-56.687%2054.992z%22%2F%3E%3Cpath%20fill%3D%22%2313802d%22%20d%3D%22m226.027%20190.476l-15.147%2014.233l6.794-6.697l13.978-13.14z%22%2F%3E%3Cpath%20fill%3D%22%230b4819%22%20d%3D%22m90.606%20197.561l135.421-139.56l5.625%205.232l-125.828%20128.699z%22%2F%3E%3Cpath%20fill%3D%22%23084010%22%20d%3D%22m226.027%2058.001l5.625%205.232v121.639l-5.625%205.604zm23.33%20148.982l3.768-7.056v33.666l-3.768%2010.106z%22%2F%3E%3Cpath%20fill%3D%22%231a5c34%22%20d%3D%22M252.478%200L256%2010.148L82.762%20190.718l-16.75%205.424z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGK18OLd2s)%22%20d%3D%22M99.344%2012.96L45.917%2075.272v26.367l79.356-90.873L252.478%200L66.012%20196.142l24.594%201.419l135.421-139.56v132.475l-15.147%2014.233l38.477%202.274v36.716l-120.116-10.173l61.022-59.37v-29.459l-87.109%2086.626L0%20222.589L166.066%2041.902l-27.553%201.628L18.589%20176.577V63.534l11.283-13.582l-27.74%201.639V21.189z%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%20256%20244%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGK18OLd2s%22%20cx%3D%2219.932%25%22%20cy%3D%2218.852%25%22%20r%3D%2250.648%25%22%20fx%3D%2219.932%25%22%20fy%3D%2218.852%25%22%20gradientTransform%3D%22matrix(.96523%200%200%201%20.007%200)%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23007808%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%230b4819%22%20d%3D%22M2.132%2051.591V21.189l20.409%207.031v28.283zm16.457%20124.986V63.534l19.508%204.127v105.06z%22%2F%3E%3Cpath%20fill%3D%22%23105c80%22%20d%3D%22m114.003%2021.139l-50.135%2057.5v24.469l74.357-83.843L256%2010.148L82.762%20190.718l23.062%201.214L231.652%2063.233v121.639l-13.978%2013.14l35.451%201.915v33.666l-111.203-8.613l56.687-54.992v-27.102l-81.043%2080.208l-97.04-7.503L176.18%2048.195l-25.616%201.385L38.097%20172.721V67.661L48.75%2055.084l-26.209%201.419V28.22z%22%2F%3E%3Cpath%20fill%3D%22%230b4819%22%20d%3D%22m18.589%2063.534l11.283-13.582l18.878%205.132l-10.653%2012.577z%22%2F%3E%3Cpath%20fill%3D%22%23084010%22%20d%3D%22m45.917%2075.272l17.951%203.367v24.469l-17.951-1.469z%22%2F%3E%3Cpath%20fill%3D%22%230c541e%22%20d%3D%22m66.012%20196.142l16.75-5.424l23.062%201.214l-15.218%205.629z%22%2F%3E%3Cpath%20fill%3D%22%231a5c34%22%20d%3D%22m99.344%2012.96l14.659%208.179l-50.135%2057.5l-17.951-3.367z%22%2F%3E%3Cpath%20fill%3D%22%230b4819%22%20d%3D%22m45.917%20101.639l79.356-90.873l12.952%208.499l-74.357%2083.843z%22%2F%3E%3Cpath%20fill%3D%22%231a5c34%22%20d%3D%22m138.513%2043.53l12.051%206.05L38.097%20172.721l-19.508%203.856z%22%2F%3E%3Cpath%20fill%3D%22%230b4819%22%20d%3D%22M0%20222.589L166.066%2041.902l10.114%206.293L20.526%20215.591z%22%2F%3E%3Cpath%20fill%3D%22%231a5c34%22%20d%3D%22m190.263%20144.697l8.346-1.811l-81.043%2080.208l-14.412%208.229z%22%2F%3E%3Cpath%20fill%3D%22%230b4819%22%20d%3D%22M190.263%20174.156v-29.459l8.346-1.811v27.102z%22%2F%3E%3Cpath%20fill%3D%22%230b4819%22%20d%3D%22m129.241%20233.526l61.022-59.37l8.346-4.168l-56.687%2054.992z%22%2F%3E%3Cpath%20fill%3D%22%2313802d%22%20d%3D%22m226.027%20190.476l-15.147%2014.233l6.794-6.697l13.978-13.14z%22%2F%3E%3Cpath%20fill%3D%22%230b4819%22%20d%3D%22m90.606%20197.561l135.421-139.56l5.625%205.232l-125.828%20128.699z%22%2F%3E%3Cpath%20fill%3D%22%23084010%22%20d%3D%22m226.027%2058.001l5.625%205.232v121.639l-5.625%205.604zm23.33%20148.982l3.768-7.056v33.666l-3.768%2010.106z%22%2F%3E%3Cpath%20fill%3D%22%231a5c34%22%20d%3D%22M252.478%200L256%2010.148L82.762%20190.718l-16.75%205.424z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGK18OLd2s)%22%20d%3D%22M99.344%2012.96L45.917%2075.272v26.367l79.356-90.873L252.478%200L66.012%20196.142l24.594%201.419l135.421-139.56v132.475l-15.147%2014.233l38.477%202.274v36.716l-120.116-10.173l61.022-59.37v-29.459l-87.109%2086.626L0%20222.589L166.066%2041.902l-27.553%201.628L18.589%20176.577V63.534l11.283-13.582l-27.74%201.639V21.189z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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