Symfony icon
Download the Symfony logo as free SVG or PNG. Customize its outline stroke. Copy React, Vue or Svelte code.
- symfony
- php
- framework
- web
- backend
- logo
- brand
- mvc
- open-source
- social
Size
Stroke
Color
- Category
- brand
- Styles
- Outline
- Component
- IconBrandSymfony
- License
- MIT · Paweł Kuna
Code
Copy it the way you use it
brand-symfony.svg
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M6 13c.458 .667 1.125 1 2 1c1.313 0 2 -.875 2 -1.5c0 -1.5 -2 -1 -2 -2c0 -.625 .516 -1.5 1.5 -1.5c2.5 0 1.563 2 5.5 2c.667 0 1 -.333 1 -1" />
<path d="M9 17c-.095 .667 .238 1 1 1c1.714 0 2.714 -2 3 -6c.286 -4 1.571 -6 3 -6c.571 0 .905 .333 1 1" />
<path d="M22 12c0 5.523 -4.477 10 -10 10s-10 -4.477 -10 -10s4.477 -10 10 -10a10 10 0 0 1 10 10" />
</svg> Use the Symfony icon
For a decorative icon beside text, add aria-hidden="true" to the SVG. For an icon-only control, put its accessible name on the button or link.
React example
import { IconBrandSymfony } from '@tabler/icons-react';
<IconBrandSymfony size={24} stroke={2} />Read the React guideVue example
import { IconBrandSymfony } from '@tabler/icons-vue';
<IconBrandSymfony :size="24" :stroke="2" />Read the Vue guideSvelte 5 example
import { IconBrandSymfony } from '@tabler/icons-svelte-runes';
<IconBrandSymfony size={24} stroke={2} />Read the Svelte guideRelated