symfony logo

symfony from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: symfony
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

symfonyCoreUI Brands symfonyFont Awesome 6 Brands symfonyFont Awesome Brands symfonyLine Awesome symfonySVG Logos symfonyMaterial Design Icons symfonySimple Icons symfony-darkSkill Icons

Use the symfony logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#1a171b" d="M64 2.3C29.9 2.3 2.3 29.9 2.3 64s27.6 61.7 61.7 61.7s61.7-27.6 61.7-61.7S98.1 2.3 64 2.3M97.3 38c-2.9.1-4.8-1.6-4.9-4.2c0-1 .2-1.8.9-2.8c.6-1.2.8-1.4.8-1.9c-.1-1.6-2.5-1.7-3.2-1.7c-9.3.3-11.7 12.8-13.7 23l-1 5.4c5.3.8 9.1-.2 11.2-1.5c3-1.9-.8-3.9-.4-6.1c.5-2.2 2.5-3.3 4.1-3.4c2.3-.1 3.9 2.3 3.8 4.7c-.1 3.9-5.3 9.4-15.8 9.1c-1.3 0-2.4-.1-3.5-.2l-2 10.9c-1.8 8.2-4.1 19.5-12.5 29.3c-7.2 8.6-14.5 9.9-17.8 10c-6.1.2-10.2-3.1-10.3-7.4c-.1-4.2 3.6-6.5 6-6.6c3.3-.1 5.5 2.3 5.6 5c.1 2.3-1.1 3-1.9 3.5c-.5.4-1.3.9-1.3 1.8c0 .4.5 1.3 1.8 1.3c2.6-.1 4.3-1.4 5.5-2.2c6-5 8.3-13.7 11.3-29.4l.6-3.8c1-5.1 2.2-10.9 3.9-16.6c-4.2-3.2-6.7-7.1-12.4-8.6c-3.9-1.1-6.2-.2-7.9 1.9c-2 2.5-1.3 5.7.6 7.6l3.1 3.5c3.9 4.5 6 7.9 5.2 12.6c-1.1 7.3-10 13-20.5 9.8c-9-2.8-10.6-9.1-9.5-12.6c.9-3.1 3.4-3.7 5.8-2.9c2.6.8 3.6 3.9 2.8 6.3c-.1.3-.2.7-.5 1.2c-.3.7-.8 1.2-1.1 2c-.6 1.9 2 3.2 3.8 3.8c4 1.2 7.9-.9 8.9-4.1c.9-3-1-5.1-1.7-5.9l-3.8-4.1c-1.7-1.9-5.6-7.3-3.7-13.4c.7-2.3 2.2-4.8 4.4-6.4c4.6-3.5 9.7-4 14.5-2.6c6.2 1.8 9.2 5.9 13.1 9.1c2.2-6.3 5.2-12.6 9.7-17.8c4.1-4.8 9.5-8.2 15.8-8.5c6.3-.2 11 2.6 11.2 7.1c-.1 2-1.2 5.7-5 5.8"/></svg>

React

import type { SVGProps } from "react";

export function DeviconSymfony(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#1a171b" d="M64 2.3C29.9 2.3 2.3 29.9 2.3 64s27.6 61.7 61.7 61.7s61.7-27.6 61.7-61.7S98.1 2.3 64 2.3M97.3 38c-2.9.1-4.8-1.6-4.9-4.2c0-1 .2-1.8.9-2.8c.6-1.2.8-1.4.8-1.9c-.1-1.6-2.5-1.7-3.2-1.7c-9.3.3-11.7 12.8-13.7 23l-1 5.4c5.3.8 9.1-.2 11.2-1.5c3-1.9-.8-3.9-.4-6.1c.5-2.2 2.5-3.3 4.1-3.4c2.3-.1 3.9 2.3 3.8 4.7c-.1 3.9-5.3 9.4-15.8 9.1c-1.3 0-2.4-.1-3.5-.2l-2 10.9c-1.8 8.2-4.1 19.5-12.5 29.3c-7.2 8.6-14.5 9.9-17.8 10c-6.1.2-10.2-3.1-10.3-7.4c-.1-4.2 3.6-6.5 6-6.6c3.3-.1 5.5 2.3 5.6 5c.1 2.3-1.1 3-1.9 3.5c-.5.4-1.3.9-1.3 1.8c0 .4.5 1.3 1.8 1.3c2.6-.1 4.3-1.4 5.5-2.2c6-5 8.3-13.7 11.3-29.4l.6-3.8c1-5.1 2.2-10.9 3.9-16.6c-4.2-3.2-6.7-7.1-12.4-8.6c-3.9-1.1-6.2-.2-7.9 1.9c-2 2.5-1.3 5.7.6 7.6l3.1 3.5c3.9 4.5 6 7.9 5.2 12.6c-1.1 7.3-10 13-20.5 9.8c-9-2.8-10.6-9.1-9.5-12.6c.9-3.1 3.4-3.7 5.8-2.9c2.6.8 3.6 3.9 2.8 6.3c-.1.3-.2.7-.5 1.2c-.3.7-.8 1.2-1.1 2c-.6 1.9 2 3.2 3.8 3.8c4 1.2 7.9-.9 8.9-4.1c.9-3-1-5.1-1.7-5.9l-3.8-4.1c-1.7-1.9-5.6-7.3-3.7-13.4c.7-2.3 2.2-4.8 4.4-6.4c4.6-3.5 9.7-4 14.5-2.6c6.2 1.8 9.2 5.9 13.1 9.1c2.2-6.3 5.2-12.6 9.7-17.8c4.1-4.8 9.5-8.2 15.8-8.5c6.3-.2 11 2.6 11.2 7.1c-.1 2-1.2 5.7-5 5.8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#1a171b" d="M64 2.3C29.9 2.3 2.3 29.9 2.3 64s27.6 61.7 61.7 61.7s61.7-27.6 61.7-61.7S98.1 2.3 64 2.3M97.3 38c-2.9.1-4.8-1.6-4.9-4.2c0-1 .2-1.8.9-2.8c.6-1.2.8-1.4.8-1.9c-.1-1.6-2.5-1.7-3.2-1.7c-9.3.3-11.7 12.8-13.7 23l-1 5.4c5.3.8 9.1-.2 11.2-1.5c3-1.9-.8-3.9-.4-6.1c.5-2.2 2.5-3.3 4.1-3.4c2.3-.1 3.9 2.3 3.8 4.7c-.1 3.9-5.3 9.4-15.8 9.1c-1.3 0-2.4-.1-3.5-.2l-2 10.9c-1.8 8.2-4.1 19.5-12.5 29.3c-7.2 8.6-14.5 9.9-17.8 10c-6.1.2-10.2-3.1-10.3-7.4c-.1-4.2 3.6-6.5 6-6.6c3.3-.1 5.5 2.3 5.6 5c.1 2.3-1.1 3-1.9 3.5c-.5.4-1.3.9-1.3 1.8c0 .4.5 1.3 1.8 1.3c2.6-.1 4.3-1.4 5.5-2.2c6-5 8.3-13.7 11.3-29.4l.6-3.8c1-5.1 2.2-10.9 3.9-16.6c-4.2-3.2-6.7-7.1-12.4-8.6c-3.9-1.1-6.2-.2-7.9 1.9c-2 2.5-1.3 5.7.6 7.6l3.1 3.5c3.9 4.5 6 7.9 5.2 12.6c-1.1 7.3-10 13-20.5 9.8c-9-2.8-10.6-9.1-9.5-12.6c.9-3.1 3.4-3.7 5.8-2.9c2.6.8 3.6 3.9 2.8 6.3c-.1.3-.2.7-.5 1.2c-.3.7-.8 1.2-1.1 2c-.6 1.9 2 3.2 3.8 3.8c4 1.2 7.9-.9 8.9-4.1c.9-3-1-5.1-1.7-5.9l-3.8-4.1c-1.7-1.9-5.6-7.3-3.7-13.4c.7-2.3 2.2-4.8 4.4-6.4c4.6-3.5 9.7-4 14.5-2.6c6.2 1.8 9.2 5.9 13.1 9.1c2.2-6.3 5.2-12.6 9.7-17.8c4.1-4.8 9.5-8.2 15.8-8.5c6.3-.2 11 2.6 11.2 7.1c-.1 2-1.2 5.7-5 5.8"/></svg>
</template>

CSS

.icon-symfony {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%231a171b%22%20d%3D%22M64%202.3C29.9%202.3%202.3%2029.9%202.3%2064s27.6%2061.7%2061.7%2061.7s61.7-27.6%2061.7-61.7S98.1%202.3%2064%202.3M97.3%2038c-2.9.1-4.8-1.6-4.9-4.2c0-1%20.2-1.8.9-2.8c.6-1.2.8-1.4.8-1.9c-.1-1.6-2.5-1.7-3.2-1.7c-9.3.3-11.7%2012.8-13.7%2023l-1%205.4c5.3.8%209.1-.2%2011.2-1.5c3-1.9-.8-3.9-.4-6.1c.5-2.2%202.5-3.3%204.1-3.4c2.3-.1%203.9%202.3%203.8%204.7c-.1%203.9-5.3%209.4-15.8%209.1c-1.3%200-2.4-.1-3.5-.2l-2%2010.9c-1.8%208.2-4.1%2019.5-12.5%2029.3c-7.2%208.6-14.5%209.9-17.8%2010c-6.1.2-10.2-3.1-10.3-7.4c-.1-4.2%203.6-6.5%206-6.6c3.3-.1%205.5%202.3%205.6%205c.1%202.3-1.1%203-1.9%203.5c-.5.4-1.3.9-1.3%201.8c0%20.4.5%201.3%201.8%201.3c2.6-.1%204.3-1.4%205.5-2.2c6-5%208.3-13.7%2011.3-29.4l.6-3.8c1-5.1%202.2-10.9%203.9-16.6c-4.2-3.2-6.7-7.1-12.4-8.6c-3.9-1.1-6.2-.2-7.9%201.9c-2%202.5-1.3%205.7.6%207.6l3.1%203.5c3.9%204.5%206%207.9%205.2%2012.6c-1.1%207.3-10%2013-20.5%209.8c-9-2.8-10.6-9.1-9.5-12.6c.9-3.1%203.4-3.7%205.8-2.9c2.6.8%203.6%203.9%202.8%206.3c-.1.3-.2.7-.5%201.2c-.3.7-.8%201.2-1.1%202c-.6%201.9%202%203.2%203.8%203.8c4%201.2%207.9-.9%208.9-4.1c.9-3-1-5.1-1.7-5.9l-3.8-4.1c-1.7-1.9-5.6-7.3-3.7-13.4c.7-2.3%202.2-4.8%204.4-6.4c4.6-3.5%209.7-4%2014.5-2.6c6.2%201.8%209.2%205.9%2013.1%209.1c2.2-6.3%205.2-12.6%209.7-17.8c4.1-4.8%209.5-8.2%2015.8-8.5c6.3-.2%2011%202.6%2011.2%207.1c-.1%202-1.2%205.7-5%205.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%20128%20128%22%3E%3Cpath%20fill%3D%22%231a171b%22%20d%3D%22M64%202.3C29.9%202.3%202.3%2029.9%202.3%2064s27.6%2061.7%2061.7%2061.7s61.7-27.6%2061.7-61.7S98.1%202.3%2064%202.3M97.3%2038c-2.9.1-4.8-1.6-4.9-4.2c0-1%20.2-1.8.9-2.8c.6-1.2.8-1.4.8-1.9c-.1-1.6-2.5-1.7-3.2-1.7c-9.3.3-11.7%2012.8-13.7%2023l-1%205.4c5.3.8%209.1-.2%2011.2-1.5c3-1.9-.8-3.9-.4-6.1c.5-2.2%202.5-3.3%204.1-3.4c2.3-.1%203.9%202.3%203.8%204.7c-.1%203.9-5.3%209.4-15.8%209.1c-1.3%200-2.4-.1-3.5-.2l-2%2010.9c-1.8%208.2-4.1%2019.5-12.5%2029.3c-7.2%208.6-14.5%209.9-17.8%2010c-6.1.2-10.2-3.1-10.3-7.4c-.1-4.2%203.6-6.5%206-6.6c3.3-.1%205.5%202.3%205.6%205c.1%202.3-1.1%203-1.9%203.5c-.5.4-1.3.9-1.3%201.8c0%20.4.5%201.3%201.8%201.3c2.6-.1%204.3-1.4%205.5-2.2c6-5%208.3-13.7%2011.3-29.4l.6-3.8c1-5.1%202.2-10.9%203.9-16.6c-4.2-3.2-6.7-7.1-12.4-8.6c-3.9-1.1-6.2-.2-7.9%201.9c-2%202.5-1.3%205.7.6%207.6l3.1%203.5c3.9%204.5%206%207.9%205.2%2012.6c-1.1%207.3-10%2013-20.5%209.8c-9-2.8-10.6-9.1-9.5-12.6c.9-3.1%203.4-3.7%205.8-2.9c2.6.8%203.6%203.9%202.8%206.3c-.1.3-.2.7-.5%201.2c-.3.7-.8%201.2-1.1%202c-.6%201.9%202%203.2%203.8%203.8c4%201.2%207.9-.9%208.9-4.1c.9-3-1-5.1-1.7-5.9l-3.8-4.1c-1.7-1.9-5.6-7.3-3.7-13.4c.7-2.3%202.2-4.8%204.4-6.4c4.6-3.5%209.7-4%2014.5-2.6c6.2%201.8%209.2%205.9%2013.1%209.1c2.2-6.3%205.2-12.6%209.7-17.8c4.1-4.8%209.5-8.2%2015.8-8.5c6.3-.2%2011%202.6%2011.2%207.1c-.1%202-1.2%205.7-5%205.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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