Gazebo Wordmark アイコン
devicon-plain:gazebo-wordmark
Gazebo Wordmark アイコン(devicon-plain:gazebo-wordmark)は、Devicon Plain セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Devicon Plain
- 作者
- konpa
- ライセンス
- MIT
- サイズ
- 128 × 128
- タグ
- gazebowordmark
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M100.878 126.17c3.041 0 5.656-2.472 5.656-5.602c0-3.077-2.543-5.639-5.656-5.639a5.673 5.673 0 0 0-5.637 5.692c0 3.005 2.577 5.549 5.637 5.549m0-12.433c3.699 0 6.971 2.935 6.971 6.812c0 3.879-3.29 6.813-6.97 6.813c-3.736 0-6.956-3.042-6.956-6.741c0-4.145 3.451-6.884 6.955-6.884m-18.773 12.2h1.85c1.103 0 1.778-.052 2.489-.337c.818-.335 1.388-1.243 1.388-2.24c0-1.014-.676-1.886-1.547-2.224c-.624-.248-1.156-.3-2.561-.3h-1.62zm0-6.296h1.654c1.032 0 1.618-.052 2.26-.373c.621-.32 1.066-1.065 1.066-1.849c0-.605-.214-1.03-.552-1.44c-.515-.587-1.317-.817-2.667-.817h-1.761zm-1.317-5.671h3.308c4.145 0 4.304 2.969 4.304 3.503c0 1.548-.978 2.276-1.44 2.65c1.316.533 2.188 1.725 2.188 3.237c0 1.263-.587 2.42-1.511 3.042c-1.121.658-1.993.745-3.54.728h-3.309zm-12.826 0h7.204v1.191h-5.887v4.73h5.692v1.192h-5.692v4.855h5.887v1.192h-7.204zm-13.093 11.968l6.475-10.777h-6.279v-1.192h7.755v1.192l-6.457 10.777h6.652v1.192H54.87zm-13.432-4.427h5.105l-2.526-6.047Zm1.832-7.542h1.477l5.656 13.16H48.96l-1.903-4.426H40.94l-1.921 4.427h-1.37l5.62-13.16m-9.334 7.113c-.302 3.913-3.717 6.28-6.955 6.28c-3.93 0-7.06-3.185-7.06-6.814c0-3.415 2.828-6.812 7.043-6.812c3.486 0 5.71 2.402 6.225 3.736h-1.53c-.746-1.299-2.49-2.544-4.678-2.544c-3.325 0-5.744 2.704-5.744 5.64c0 2.934 2.419 5.6 5.798 5.6c2.793 0 4.855-2.061 5.318-3.894h-7.345v-1.192zm-5.458-91.955l35.522 22.057l35.526-22.12L64.004 7.068zM63.997.64a2.94 2.94 0 0 0-1.554.439l-41.13 25.533a2.97 2.97 0 0 0-1.395 2.52V76.61a2.97 2.97 0 0 0 1.395 2.52l41.13 25.534q.028.015.056.033c.022.013.046.031.068.045c.047.025.098.034.146.057c.049.025.097.06.146.079c.077.033.158.054.237.078c.046.016.088.033.135.045c.088.025.18.04.27.057c.038.005.074.017.112.022c.129.018.254.023.383.023a3 3 0 0 0 .799-.113h.011a3 3 0 0 0 .293-.1l.09-.035q.119-.056.236-.124c.043-.024.093-.043.135-.067l.079-.057L106.69 79.13a2.96 2.96 0 0 0 1.396-2.52l-.08-23.8a2.95 2.95 0 0 0-1.518-2.578a2.95 2.95 0 0 0-2.994.08l-17.51 10.903l-13.492-8.36l34.198-21.292a2.95 2.95 0 0 0 1.396-2.51a2.97 2.97 0 0 0-1.407-2.508L65.56 1.08a2.97 2.97 0 0 0-1.564-.44zM25.724 34.378l29.786 18.5l-29.787 18.489zm41.163 21.966l13.504 8.361l-18.027 11.22a2.93 2.93 0 0 0-1.385 2.509l.045 18.398L28.48 76.611l32.634-20.256l1.328.821a2.93 2.93 0 0 0 1.553.44c.542 0 1.086-.14 1.564-.44zm35.234 1.79l.045 16.845l-35.223 21.876l-.056-16.79z"/></svg>Gazebo Wordmark アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon-plain:gazebo-wordmark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon-plain:gazebo-wordmark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon-plain:gazebo-wordmark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--gazebo-wordmark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:gazebo-wordmark"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon-plain:gazebo-wordmark"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon-plain/gazebo-wordmark.svg" alt="Gazebo Wordmark アイコン" width="24" height="24">Devicon Plain の関連アイコン
他のアイコンセットの Gazebo Wordmark アイコン
Gazebo Wordmark アイコン のよくある質問
Gazebo Wordmark アイコンは商用利用でも無料ですか?
はい。Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Gazebo Wordmark アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon-plain:gazebo-wordmark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Gazebo Wordmark アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon-plain/gazebo-wordmark.svg" alt="Gazebo Wordmark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。