gazebo logo
gazebo from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- gazebo
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
Use the gazebo logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function DeviconGazebo(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-gazebo {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m14.428%2038.099l.651%2054.711l47.547%2028.335l2.28-26.38S91.612%2078.48%2089.657%2077.179c-1.952-1.302-75.23-39.08-75.23-39.08z%22%2F%3E%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22m60.493%2068.22l1.61%201a3.6%203.6%200%200%200%201.892.539c.658%200%201.315-.18%201.894-.542l1.614-1.005l16.37%2010.139l-21.857%2013.61a3.58%203.58%200%200%200-1.69%203.051l.065%2022.308L20.904%2092.8ZM17.565%2041.564L53.697%2064L17.565%2086.436Zm99.814%2022.365a3.583%203.583%200%200%200-5.48-3.032L90.662%2074.12l-16.37-10.136l41.483-25.83a3.59%203.59%200%200%200%201.69-3.048a3.59%203.59%200%200%200-1.697-3.042L65.882%201.175a3.58%203.58%200%200%200-3.778.003L12.218%2032.154a3.58%203.58%200%200%200-1.693%203.045V92.8a3.59%203.59%200%200%200%201.693%203.046l49.886%2030.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%200%20.653-.045.97-.137h.004a3%203%200%200%200%20.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%203.59%200%200%200%201.693-3.057z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m67.501%2096.99l.059%2020.355l42.73-26.534l-.06-20.43L67.5%2096.989%22%2F%3E%3Cpath%20fill%3D%22%23f58113%22%20d%3D%22m20.904%2035.199l43.09%2026.755l43.091-26.833L63.998%208.44z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m14.428%2038.099l.651%2054.711l47.547%2028.335l2.28-26.38S91.612%2078.48%2089.657%2077.179c-1.952-1.302-75.23-39.08-75.23-39.08z%22%2F%3E%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22m60.493%2068.22l1.61%201a3.6%203.6%200%200%200%201.892.539c.658%200%201.315-.18%201.894-.542l1.614-1.005l16.37%2010.139l-21.857%2013.61a3.58%203.58%200%200%200-1.69%203.051l.065%2022.308L20.904%2092.8ZM17.565%2041.564L53.697%2064L17.565%2086.436Zm99.814%2022.365a3.583%203.583%200%200%200-5.48-3.032L90.662%2074.12l-16.37-10.136l41.483-25.83a3.59%203.59%200%200%200%201.69-3.048a3.59%203.59%200%200%200-1.697-3.042L65.882%201.175a3.58%203.58%200%200%200-3.778.003L12.218%2032.154a3.58%203.58%200%200%200-1.693%203.045V92.8a3.59%203.59%200%200%200%201.693%203.046l49.886%2030.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%200%20.653-.045.97-.137h.004a3%203%200%200%200%20.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%203.59%200%200%200%201.693-3.057z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m67.501%2096.99l.059%2020.355l42.73-26.534l-.06-20.43L67.5%2096.989%22%2F%3E%3Cpath%20fill%3D%22%23f58113%22%20d%3D%22m20.904%2035.199l43.09%2026.755l43.091-26.833L63.998%208.44z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/gazebo.svg?color=%231a73e8&size=48
