vfl logo

vfl from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
vfl
Set
Material Icon Theme
Style
Color
Viewbox
24×24
License
MIT

Use the vfl logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><radialGradient id="SVGJAFIzcaV" cx="205.45" cy="208.29" r="225.35" gradientTransform="matrix(.04556 0 0 .0456 2.888 2.88)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffd600"/><stop offset=".35" stop-color="#f9a825"/><stop offset="1" stop-color="#f4511e"/></radialGradient></defs><g stroke-width=".046"><path fill="#f4511e" d="M19.97 3H4.03A1.03 1.03 0 0 0 3 4.03v4.136c1.548-1.19 3.563-1.958 5.948-1.958c5.107.004 8.35 3.575 8.348 8.082c0 3.13-1.46 5.485-3.745 6.71h6.419A1.03 1.03 0 0 0 21 19.967V4.031a1.03 1.03 0 0 0-1.03-1.03z"/><path fill="url(#SVGJAFIzcaV)" d="M3 17.722v2.247A1.03 1.03 0 0 0 4.03 21h1.837C4.474 20.21 3.49 19 3 17.722"/><path fill="#f4511e" d="M8.948 8.23C6.362 8.142 4.35 9.09 3 10.496v3.162c.918-2.653 3.447-3.87 5.565-3.849c2.647.027 4.689 2.025 4.7 4.284c.012 2.158-.892 3.748-3.33 4.14c-1.33.213-3.41-.568-3.318-2.578c.046-1.037.854-1.622 1.777-1.58c-.904 1.213.293 2.102 1.139 1.92c1.048-.223 1.475-1.155 1.475-1.877c0-.762-.717-1.994-2.498-1.952c-2.204.053-3.59 1.64-3.638 3.603c-.056 2.468 2.254 4.091 4.623 4.12c3.478.046 5.542-2.24 5.538-5.585c-.005-3.03-2.434-5.946-6.085-6.072z"/></g></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeVfl(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><radialGradient id="SVGJAFIzcaV" cx="205.45" cy="208.29" r="225.35" gradientTransform="matrix(.04556 0 0 .0456 2.888 2.88)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#ffd600"/><stop offset=".35" stopColor="#f9a825"/><stop offset="1" stopColor="#f4511e"/></radialGradient></defs><g strokeWidth=".046"><path fill="#f4511e" d="M19.97 3H4.03A1.03 1.03 0 0 0 3 4.03v4.136c1.548-1.19 3.563-1.958 5.948-1.958c5.107.004 8.35 3.575 8.348 8.082c0 3.13-1.46 5.485-3.745 6.71h6.419A1.03 1.03 0 0 0 21 19.967V4.031a1.03 1.03 0 0 0-1.03-1.03z"/><path fill="url(#SVGJAFIzcaV)" d="M3 17.722v2.247A1.03 1.03 0 0 0 4.03 21h1.837C4.474 20.21 3.49 19 3 17.722"/><path fill="#f4511e" d="M8.948 8.23C6.362 8.142 4.35 9.09 3 10.496v3.162c.918-2.653 3.447-3.87 5.565-3.849c2.647.027 4.689 2.025 4.7 4.284c.012 2.158-.892 3.748-3.33 4.14c-1.33.213-3.41-.568-3.318-2.578c.046-1.037.854-1.622 1.777-1.58c-.904 1.213.293 2.102 1.139 1.92c1.048-.223 1.475-1.155 1.475-1.877c0-.762-.717-1.994-2.498-1.952c-2.204.053-3.59 1.64-3.638 3.603c-.056 2.468 2.254 4.091 4.623 4.12c3.478.046 5.542-2.24 5.538-5.585c-.005-3.03-2.434-5.946-6.085-6.072z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><radialGradient id="SVGJAFIzcaV" cx="205.45" cy="208.29" r="225.35" gradientTransform="matrix(.04556 0 0 .0456 2.888 2.88)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffd600"/><stop offset=".35" stop-color="#f9a825"/><stop offset="1" stop-color="#f4511e"/></radialGradient></defs><g stroke-width=".046"><path fill="#f4511e" d="M19.97 3H4.03A1.03 1.03 0 0 0 3 4.03v4.136c1.548-1.19 3.563-1.958 5.948-1.958c5.107.004 8.35 3.575 8.348 8.082c0 3.13-1.46 5.485-3.745 6.71h6.419A1.03 1.03 0 0 0 21 19.967V4.031a1.03 1.03 0 0 0-1.03-1.03z"/><path fill="url(#SVGJAFIzcaV)" d="M3 17.722v2.247A1.03 1.03 0 0 0 4.03 21h1.837C4.474 20.21 3.49 19 3 17.722"/><path fill="#f4511e" d="M8.948 8.23C6.362 8.142 4.35 9.09 3 10.496v3.162c.918-2.653 3.447-3.87 5.565-3.849c2.647.027 4.689 2.025 4.7 4.284c.012 2.158-.892 3.748-3.33 4.14c-1.33.213-3.41-.568-3.318-2.578c.046-1.037.854-1.622 1.777-1.58c-.904 1.213.293 2.102 1.139 1.92c1.048-.223 1.475-1.155 1.475-1.877c0-.762-.717-1.994-2.498-1.952c-2.204.053-3.59 1.64-3.638 3.603c-.056 2.468 2.254 4.091 4.623 4.12c3.478.046 5.542-2.24 5.538-5.585c-.005-3.03-2.434-5.946-6.085-6.072z"/></g></svg>
</template>

CSS

.icon-vfl {
  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%3Cdefs%3E%3CradialGradient%20id%3D%22SVGJAFIzcaV%22%20cx%3D%22205.45%22%20cy%3D%22208.29%22%20r%3D%22225.35%22%20gradientTransform%3D%22matrix(.04556%200%200%20.0456%202.888%202.88)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffd600%22%2F%3E%3Cstop%20offset%3D%22.35%22%20stop-color%3D%22%23f9a825%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f4511e%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cg%20stroke-width%3D%22.046%22%3E%3Cpath%20fill%3D%22%23f4511e%22%20d%3D%22M19.97%203H4.03A1.03%201.03%200%200%200%203%204.03v4.136c1.548-1.19%203.563-1.958%205.948-1.958c5.107.004%208.35%203.575%208.348%208.082c0%203.13-1.46%205.485-3.745%206.71h6.419A1.03%201.03%200%200%200%2021%2019.967V4.031a1.03%201.03%200%200%200-1.03-1.03z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGJAFIzcaV)%22%20d%3D%22M3%2017.722v2.247A1.03%201.03%200%200%200%204.03%2021h1.837C4.474%2020.21%203.49%2019%203%2017.722%22%2F%3E%3Cpath%20fill%3D%22%23f4511e%22%20d%3D%22M8.948%208.23C6.362%208.142%204.35%209.09%203%2010.496v3.162c.918-2.653%203.447-3.87%205.565-3.849c2.647.027%204.689%202.025%204.7%204.284c.012%202.158-.892%203.748-3.33%204.14c-1.33.213-3.41-.568-3.318-2.578c.046-1.037.854-1.622%201.777-1.58c-.904%201.213.293%202.102%201.139%201.92c1.048-.223%201.475-1.155%201.475-1.877c0-.762-.717-1.994-2.498-1.952c-2.204.053-3.59%201.64-3.638%203.603c-.056%202.468%202.254%204.091%204.623%204.12c3.478.046%205.542-2.24%205.538-5.585c-.005-3.03-2.434-5.946-6.085-6.072z%22%2F%3E%3C%2Fg%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%3Cdefs%3E%3CradialGradient%20id%3D%22SVGJAFIzcaV%22%20cx%3D%22205.45%22%20cy%3D%22208.29%22%20r%3D%22225.35%22%20gradientTransform%3D%22matrix(.04556%200%200%20.0456%202.888%202.88)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffd600%22%2F%3E%3Cstop%20offset%3D%22.35%22%20stop-color%3D%22%23f9a825%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f4511e%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cg%20stroke-width%3D%22.046%22%3E%3Cpath%20fill%3D%22%23f4511e%22%20d%3D%22M19.97%203H4.03A1.03%201.03%200%200%200%203%204.03v4.136c1.548-1.19%203.563-1.958%205.948-1.958c5.107.004%208.35%203.575%208.348%208.082c0%203.13-1.46%205.485-3.745%206.71h6.419A1.03%201.03%200%200%200%2021%2019.967V4.031a1.03%201.03%200%200%200-1.03-1.03z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGJAFIzcaV)%22%20d%3D%22M3%2017.722v2.247A1.03%201.03%200%200%200%204.03%2021h1.837C4.474%2020.21%203.49%2019%203%2017.722%22%2F%3E%3Cpath%20fill%3D%22%23f4511e%22%20d%3D%22M8.948%208.23C6.362%208.142%204.35%209.09%203%2010.496v3.162c.918-2.653%203.447-3.87%205.565-3.849c2.647.027%204.689%202.025%204.7%204.284c.012%202.158-.892%203.748-3.33%204.14c-1.33.213-3.41-.568-3.318-2.578c.046-1.037.854-1.622%201.777-1.58c-.904%201.213.293%202.102%201.139%201.92c1.048-.223%201.475-1.155%201.475-1.877c0-.762-.717-1.994-2.498-1.952c-2.204.053-3.59%201.64-3.638%203.603c-.056%202.468%202.254%204.091%204.623%204.12c3.478.046%205.542-2.24%205.538-5.585c-.005-3.03-2.434-5.946-6.085-6.072z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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