Иконка Sketchup Layout

file-icons:sketchup-layout

Иконка Sketchup Layout (file-icons:sketchup-layout) — бесплатная SVG-иконка из набора File Icons от John Gardner. Она нарисована на сетке 512 × 512. File Icons выпущены под лицензией ISC, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: File Icons
Автор: John Gardner
Лицензия: ISC
Размер: 512 × 512
Теги: sketchuplayout

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M360.848 22.51L0 113.456L85.163 489.49L512 357.774zm104.72 313.314l-57.37 17.351l-15.834-86.248l-12.89 3.273l-63.58-158.109l47.772-12.67zM360.325 91.671l-47.631 12.46l-15.951-39.667L343.44 52.5zm-72.551-24.909l15.725 39.774l-174.233 45.575l-3.378-10.977l-77.612 36.79l-11.47-46.854zM112.81 442.594l-39.315-160.69l160.393-44.408l51.417 152.683zm161.436-272.773L60.488 227.809L48.43 178.555l86.453-7.41l-3.295-10.167l175.075-46.438l62.841 158.948l-13.363 4.236l50.876 75.809l-59.063 17.863zM148.565 378.208c-33.107-19.087-31.347-66.645 3.161-85.084c33.704-18.01 74.81-1.317 76.918 40.83c1.974 39.47-46.972 63.34-80.08 44.254m72.522-45.626c-3.004-35.527-36.778-49.694-66.138-34.006c-30.06 16.063-29.866 58.072-.753 74.214c27.301 15.137 69.957-3.951 66.891-40.208m-59.82 28.56l4.79-46.585l9.839-3.134l27.95 36.049l-7.579 4.212l-8.036-10.171l-17.476 5.113l-.78 11.991zm9.84-21.681l13.178-3.943l-11.696-15.71z"/></svg>

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

React

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

<Icon icon="file-icons:sketchup-layout" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:sketchup-layout" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:sketchup-layout" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--sketchup-layout]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:sketchup-layout"></div>

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

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

<iconify-icon icon="file-icons:sketchup-layout"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/file-icons/sketchup-layout.svg" alt="Иконка Sketchup Layout" width="24" height="24">

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

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

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

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

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

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

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

Все File Icons →