Firebase Studio アイコン
thesvg-color:firebase-studio
Firebase Studio アイコン(thesvg-color:firebase-studio)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 44 × 65 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 44 × 65
- タグ
- firebasestudio
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="65" viewBox="0 0 44 65"><defs><linearGradient id="SVGEVtYsLVL" x1="5.9" x2="27.6" y1="28" y2="64.5" gradientTransform="matrix(1 0 0 -1 0 66)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f8682f"/><stop offset="1" stop-color="#dd2c00"/></linearGradient><linearGradient id="SVGar6HfJtH" x1="29" x2="26.5" y1="38.5" y2="-5" gradientTransform="matrix(1 0 0 -1 0 66)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f8682f"/><stop offset=".6" stop-color="#e92a4e"/><stop offset="1" stop-color="#c447ff"/></linearGradient><clipPath id="SVGKEZCdd9S"><path fill="none" d="M0 .1h44.8v64H0z"/></clipPath></defs><g clip-path="url(#SVGKEZCdd9S)"><path fill="#ffc400" d="M31.4 24.3c.4 0 .9.2 1.6.3l6.6 4.3l-21.5 12.8c-.3.1-.7.2-1.1.4c-.5.1-1.1.2-1.5.3h-1.4l-8.3-9.9l17.3-6.7c1.8-.7 3.3-1 4.5-1.2c1.3-.2 2.5-.4 3.9-.3Z"/><path fill="url(#SVGEVtYsLVL)" d="M31 7.9c-.1-.6-.3-1.2-.5-1.7c-.3-1-1.1-3-3-4.9c-.3-.3-.8-.8-1.4-1.2c-2.3 2.8-4.4 4.8-5.8 6c-3.6 3.3-9.5 7.8-13.3 11.3c-.7.6-2 1.9-3.2 4c-.2.4-.5.9-.8 1.4c0 0 0 .2-.1.3c-.1.3-.2.5-.4.8c-.5 1.1-1.1 2.6-1.2 4.5c-.2 1.7 0 3 .1 3.6c0 .2 0 .4.1.6c.2.7.4 1.4.7 2c1.3 3 3.4 4.7 3.8 5c2.3 1.8 4.6 2.3 5.3 2.5c1 .2 1.9.2 2.6.2c-.1-.5-.3-1.2-.4-2c-.3-2.9.7-5.1 1.1-6.3c.4-.8 1.2-2.8 3.1-4.6q1.35-1.2 2.7-2.1c1-.7 1.9-1.2 2.4-1.5c1.8-1.3 5.3-4.3 7.1-9c.2-.6.4-1.1.4-1.1c.6-1.8 1.1-4.5.4-7.7Z"/><path fill="#ff9100" d="M14 42.3c-.6 0-1.5 0-2.6-.2c-.7-.1-3-.7-5.3-2.5c-.5-.4-3.7-3-4.6-7.7c-.1-.6-.3-1.9-.1-3.6c.2-1.9.8-3.3 1.2-4.5c.4-1.1.9-1.9 1.2-2.5c.1.4.4 1 .8 1.6c.9 1.4 2 2.1 2.8 2.7c.4.2 2.1 1.3 4.7 1.9c1.8.4 3.2.4 3.6.4c1.1 0 2.7-.2 4.7-.9c1.1-.4 2-1 2.6-1.3c-.5.4-1.4.9-2.5 1.6c-.9.6-1.9 1.3-2.7 2.1c-1.9 1.8-2.7 3.8-3.1 4.6c-.5 1.1-1.4 3.3-1.1 6.3c0 .9.2 1.6.4 2"/><path fill="url(#SVGar6HfJtH)" d="M42 41.4c.8-1.6 1.1-3.3 1.1-3.3c0-.4.2-1.1.3-1.8c0-.7 0-1.8-.1-2.7c-.5-2.9-2.7-5.2-3-5.5c0 0-1.5-1.5-3.7-2.6c-.3-.2-.9-.4-1.7-.7c-.8-.2-1.4-.3-2-.4c-.7 0-1.2-.1-1.6-.2h.4c.4 0 .6.2.8.3c.2 0 .5.2.8.5c.1.1.3.2.4.4s.3.4.4.8c.3 1.1-.4 2.1-.6 2.5c-1.7 2.6-11.1 8.1-16.6 13.8c-1.4 1.5-2.4 2.8-3.2 4.4c-1.7 3.8-1.1 7.4-.9 8.2c1 5.3 4.9 8.2 5.8 8.8c2.7-3 5.1-5.3 6.9-7c4.5-4.1 10.3-8.6 10.3-8.6s4.5-3.6 6.2-7.1Z"/></g></svg>Firebase Studio アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:firebase-studio" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:firebase-studio" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:firebase-studio" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--firebase-studio]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:firebase-studio"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:firebase-studio"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/firebase-studio.svg" alt="Firebase Studio アイコン" width="24" height="24">theSVG Color の関連アイコン
Firebase Studio アイコン のよくある質問
Firebase Studio アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Firebase Studio アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:firebase-studio" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Firebase Studio アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/firebase-studio.svg" alt="Firebase Studio アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。