Symfony アイコン
cib:symfony
Symfony アイコン(cib:symfony)は、CoreUI Brands セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 32 × 32 のグリッドで描かれています。 CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Brands
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M32 16c0 8.839-7.161 16-16 16S0 24.839 0 16S7.161 0 16 0s16 7.161 16 16M22.995 5.917c-1.625.056-3.041.952-4.099 2.192c-1.172 1.36-1.948 2.973-2.511 4.615c-1-.817-1.771-1.885-3.38-2.349a4.15 4.15 0 0 0-3.755.688a3.37 3.37 0 0 0-1.147 1.672c-.479 1.568.511 2.968.959 3.468l.984 1.052c.199.204.693.745.448 1.516c-.255.844-1.265 1.385-2.307 1.068c-.464-.141-1.131-.489-.98-.975c.063-.203.204-.348.281-.52c.068-.147.104-.261.125-.323c.188-.62-.068-1.428-.735-1.631c-.62-.193-1.249-.041-1.5.755c-.276.907.156 2.548 2.48 3.267c2.724.833 5.02-.647 5.348-2.579c.204-1.208-.344-2.109-1.344-3.26l-.817-.907c-.495-.489-.661-1.333-.151-1.979c.432-.548 1.047-.776 2.052-.505c1.473.401 2.125 1.416 3.219 2.239c-.453 1.48-.751 2.964-1.016 4.297l-.161.995c-.781 4.093-1.375 6.344-2.927 7.636c-.313.219-.76.552-1.427.577c-.355.005-.475-.233-.475-.343c-.011-.245.199-.36.339-.469c.203-.109.521-.303.495-.901c-.021-.708-.609-1.323-1.459-1.296c-.635.02-1.604.619-1.567 1.713c.036 1.135 1.093 1.984 2.681 1.927c.855-.027 2.751-.375 4.62-2.599c2.177-2.547 2.787-5.469 3.245-7.609l.511-2.819c.285.032.588.053.921.063c2.708.057 4.063-1.348 4.083-2.369c.016-.62-.405-1.229-.989-1.213a1.136 1.136 0 0 0-1.077.875c-.125.568.864 1.084.093 1.584c-.547.353-1.531.604-2.912.4l.251-1.391c.516-2.635 1.145-5.875 3.547-5.952c.177-.011.817.004.828.427c.005.14-.025.183-.192.5a1.12 1.12 0 0 0-.224.719c.02.672.531 1.115 1.276 1.088c.989-.031 1.271-1 1.26-1.495c-.041-1.167-1.271-1.896-2.896-1.848z"/></svg>
Symfony アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:symfony" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:symfony" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:symfony" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--symfony]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:symfony"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:symfony"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/symfony.svg" alt="Symfony アイコン" width="24" height="24">
Symfony アイコン のよくある質問
Symfony アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Symfony アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:symfony" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Symfony アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/symfony.svg" alt="Symfony アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
CoreUI Brands アイコン をすべて見る →
ICONYZ
