Иконка Gazebo

devicon:gazebo

Иконка Gazebo (devicon:gazebo) — бесплатная SVG-иконка из набора Devicon от konpa. Она нарисована на сетке 128 × 128. Devicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Devicon
Автор: konpa
Лицензия: MIT
Размер: 128 × 128

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#fff" d="m14.428 38.099l.651 54.711l47.547 28.335l2.28-26.38S91.612 78.48 89.657 77.179c-1.952-1.302-75.23-39.08-75.23-39.08z"/><path fill="#231f20" d="m60.493 68.22l1.61 1a3.6 3.6 0 0 0 1.892.539c.658 0 1.315-.18 1.894-.542l1.614-1.005l16.37 10.139l-21.857 13.61a3.58 3.58 0 0 0-1.69 3.051l.065 22.308L20.904 92.8ZM17.565 41.564L53.697 64L17.565 86.436Zm99.814 22.365a3.583 3.583 0 0 0-5.48-3.032L90.662 74.12l-16.37-10.136l41.483-25.83a3.59 3.59 0 0 0 1.69-3.048a3.59 3.59 0 0 0-1.697-3.042L65.882 1.175a3.58 3.58 0 0 0-3.778.003L12.218 32.154a3.58 3.58 0 0 0-1.693 3.045V92.8a3.59 3.59 0 0 0 1.693 3.046l49.886 30.976q.037.018.075.039l.077.05c.058.031.117.054.175.082q.088.047.177.083q.14.06.283.102q.083.031.168.056c.107.03.215.05.324.068c.047.006.093.02.14.026q.235.033.471.034h.001c.326 0 .653-.045.97-.137h.004a3 3 0 0 0 .36-.13c.036-.013.074-.023.11-.038c.098-.043.192-.098.288-.152c.052-.03.106-.053.158-.083l.002-.002l.002-.002l.095-.06l49.787-30.912a3.59 3.59 0 0 0 1.693-3.057z"/><path fill="#fff" d="m67.501 96.99l.059 20.355l42.73-26.534l-.06-20.43L67.5 96.989"/><path fill="#f58113" d="m20.904 35.199l43.09 26.755l43.091-26.833L63.998 8.44z"/></svg>

Как использовать иконку Gazebo

React

import { Icon } from "@iconify/react";

<Icon icon="devicon:gazebo" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="devicon:gazebo" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="devicon:gazebo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--gazebo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:gazebo"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="devicon:gazebo"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/devicon/gazebo.svg" alt="Иконка Gazebo" width="24" height="24">

Иконка Gazebo в других наборах

Вопросы и ответы: Иконка Gazebo

Можно ли бесплатно использовать иконку Gazebo в коммерческих проектах?

Да. Devicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Gazebo в React?

Установите @iconify/react и выведите <Icon icon="devicon:gazebo" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Gazebo на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/devicon/gazebo.svg" alt="Иконка Gazebo">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Devicon →