Symfony アイコン
simple-icons:symfony
Symfony アイコン(simple-icons:symfony)は、Simple Icons セットの無料 SVG アイコンです(作者: Simple Icons Collaborators)。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M24 12c0 6.628-5.372 12-12 12S0 18.628 0 12S5.372 0 12 0s12 5.372 12 12m-6.753-7.561c-1.22.042-2.283.715-3.075 1.644c-.878 1.02-1.461 2.229-1.881 3.461c-.753-.614-1.332-1.414-2.539-1.761a3.1 3.1 0 0 0-2.813.514c-.41.319-.71.757-.861 1.254c-.36 1.176.381 2.225.719 2.6l.737.79c.15.154.519.56.339 1.138c-.193.631-.951 1.037-1.732.799c-.348-.106-.848-.366-.734-.73c.045-.15.152-.263.21-.391c.052-.11.077-.194.095-.242c.141-.465-.053-1.07-.551-1.223c-.465-.143-.939-.03-1.125.566c-.209.68.117 1.913 1.86 2.449c2.04.628 3.765-.484 4.009-1.932c.153-.907-.255-1.582-1.006-2.447l-.612-.677c-.371-.37-.497-1.002-.114-1.485c.324-.409.785-.584 1.539-.379c1.103.3 1.594 1.063 2.412 1.68c-.338 1.11-.56 2.223-.759 3.222l-.123.746c-.585 3.07-1.033 4.757-2.194 5.726c-.234.166-.57.416-1.073.434c-.266.005-.352-.176-.355-.257c-.006-.184.15-.271.255-.353c.154-.083.39-.224.372-.674c-.016-.532-.456-.994-1.094-.973c-.477.017-1.203.465-1.176 1.286c.028.85.819 1.485 2.012 1.444c.638-.021 2.062-.281 3.464-1.949c1.633-1.911 2.09-4.101 2.434-5.706l.383-2.116q.318.037.69.048c2.032.044 3.049-1.01 3.064-1.776c.01-.464-.304-.921-.744-.91a.85.85 0 0 0-.806.654c-.094.428.646.813.068 1.189c-.41.266-1.146.452-2.184.3l.188-1.042c.386-1.976.859-4.407 2.661-4.467c.132-.007.612.006.623.323c.003.105-.022.134-.147.375a.86.86 0 0 0-.168.537c.017.504.4.836.957.816c.743-.023.955-.748.945-1.119c-.032-.874-.952-1.424-2.17-1.386"/></svg>Symfony アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:symfony" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:symfony" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:symfony" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--symfony]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:symfony"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:symfony"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/symfony.svg" alt="Symfony アイコン" width="24" height="24">他のアイコンセットの Symfony アイコン
Symfony アイコン のよくある質問
Symfony アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Symfony アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:symfony" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Symfony アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/symfony.svg" alt="Symfony アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。