Иконка Google Sheets
thesvg-color:google-sheets
Иконка Google Sheets (thesvg-color:google-sheets) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 74 × 100. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 74 × 100
- Теги
- googlesheets, sheet
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="74" height="100" viewBox="0 0 74 100"><defs><path id="SVGIGBbGcaJ" fill="#fff" d="M45.398 1.43H7.867c-3.643 0-6.623 2.98-6.623 6.624v83.893c0 3.642 2.98 6.623 6.623 6.623h57.4c3.643 0 6.624-2.98 6.624-6.623V27.923z"/></defs><mask id="SVGeu8TmevZ" width="71" height="98" x="1" y="1" maskUnits="userSpaceOnUse" style="mask-type:alpha"><use href="#SVGIGBbGcaJ"/></mask><g fill="none"><g mask="url(#SVGeu8TmevZ)"><path fill="#0f9d58" d="M45.398 1.43H7.867c-3.643 0-6.623 2.98-6.623 6.624v83.893c0 3.642 2.98 6.623 6.623 6.623h57.4c3.643 0 6.624-2.98 6.624-6.623V27.923L56.436 16.884z"/></g><g mask="url(#SVGeu8TmevZ)"><path fill="#f1f1f1" d="M18.905 48.896v32.012H54.23V48.896zM34.36 76.493H23.321v-5.52h11.038zm0-8.831H23.321v-5.52h11.038zm0-8.831H23.321v-5.52h11.038zm15.454 17.662H38.775v-5.52h11.038zm0-8.831H38.775v-5.52h11.038zm0-8.831H38.775v-5.52h11.038z"/></g><g mask="url(#SVGeu8TmevZ)"><path fill="url(#SVGoPMCPXuN)" d="m47.335 25.986l24.556 24.55V27.922z"/></g><g mask="url(#SVGeu8TmevZ)"><path fill="#87ceac" d="M45.398 1.43V21.3a6.62 6.62 0 0 0 6.623 6.623h19.87z"/></g><g mask="url(#SVGeu8TmevZ)"><path fill="#fff" fill-opacity=".2" d="M7.867 1.43c-3.643 0-6.623 2.98-6.623 6.624v.551c0-3.642 2.98-6.623 6.623-6.623h37.531V1.43z"/></g><g mask="url(#SVGeu8TmevZ)"><path fill="#263238" fill-opacity=".2" d="M65.267 98.018h-57.4c-3.643 0-6.623-2.98-6.623-6.623v.552c0 3.642 2.98 6.623 6.623 6.623h57.4c3.643 0 6.624-2.98 6.624-6.623v-.552c0 3.642-2.98 6.623-6.624 6.623"/></g><g mask="url(#SVGeu8TmevZ)"><path fill="#263238" fill-opacity=".1" d="M52.021 27.923a6.62 6.62 0 0 1-6.623-6.623v.552a6.62 6.62 0 0 0 6.623 6.623h19.87v-.552z"/></g><path fill="url(#SVGXgG8ibSI)" d="M45.398 1.43H7.867c-3.643 0-6.623 2.98-6.623 6.624v83.893c0 3.642 2.98 6.623 6.623 6.623h57.4c3.643 0 6.624-2.98 6.624-6.623V27.923z"/><defs><radialGradient id="SVGXgG8ibSI" cx="0" cy="0" r="1" gradientTransform="translate(3.482 3.361)scale(113.917)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity=".1"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient><linearGradient id="SVGoPMCPXuN" x1="59.614" x2="59.614" y1="28.093" y2="50.539" gradientUnits="userSpaceOnUse"><stop stop-color="#263238" stop-opacity=".2"/><stop offset="1" stop-color="#263238" stop-opacity=".02"/></linearGradient></defs></g></svg>
Как использовать иконку Google Sheets
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:google-sheets" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:google-sheets" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:google-sheets" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--google-sheets]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:google-sheets"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:google-sheets"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/google-sheets.svg" alt="Иконка Google Sheets" width="24" height="24">
Похожие иконки в наборе theSVG Color
Иконка Google Sheets в других наборах
Вопросы и ответы: Иконка Google Sheets
Можно ли бесплатно использовать иконку Google Sheets в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Google Sheets в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:google-sheets" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Google Sheets на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/google-sheets.svg" alt="Иконка Google Sheets">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки theSVG Color →
