Иконка Chrome Web Store
logos:chrome-web-store
Иконка Chrome Web Store (logos:chrome-web-store) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 223. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- SVG Logos
- Автор
- Gil Barbara
- Лицензия
- CC0-1.0
- Размер
- 256 × 223
- Теги
- chromeweb, webstore, chromewebstore
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="223" viewBox="0 0 256 223"><defs><linearGradient id="SVGqO8x7bFz" x1="0%" x2="100%" y1="50%" y2="50%"><stop offset="0%" stop-color="#d93025"/><stop offset="100%" stop-color="#ea4335"/></linearGradient><linearGradient id="SVGx4gMLewF" x1="74.943%" x2="19.813%" y1="95.826%" y2="-4.161%"><stop offset="0%" stop-color="#1e8e3e"/><stop offset="100%" stop-color="#34a853"/></linearGradient><linearGradient id="SVGyiFpAPcn" x1="59.898%" x2="21.416%" y1="-.134%" y2="99.86%"><stop offset="0%" stop-color="#fbbc04"/><stop offset="100%" stop-color="#fcc934"/></linearGradient><path id="SVGxaPpebGJ" d="M255.983 0H0v204.837c0 9.633 7.814 17.464 17.464 17.464h221.072c9.633 0 17.464-7.814 17.464-17.464z"/></defs><path fill="#f1f3f4" d="M255.983 0H0v204.837c0 9.633 7.814 17.464 17.464 17.464h221.072c9.633 0 17.464-7.814 17.464-17.464z"/><path fill="#e8eaed" d="M0 0h255.983v111.74H0z"/><path fill="#fff" d="M157.076 47.727H98.907A11.63 11.63 0 0 1 87.27 36.09a11.63 11.63 0 0 1 11.637-11.637h58.169a11.63 11.63 0 0 1 11.637 11.637c0 6.417-5.204 11.637-11.637 11.637"/><mask id="SVGLoBU3cAy" fill="#fff"><use href="#SVGxaPpebGJ"/></mask><g mask="url(#SVGLoBU3cAy)"><g transform="translate(17.455 94.293)"><path fill="url(#SVGqO8x7bFz)" d="m14.812 55.255l15.241 46.498l32.638 36.427l47.845-82.908l95.724-.017C187.146 22.213 151.443 0 110.536 0s-76.61 22.213-95.724 55.255"/><path fill="url(#SVGx4gMLewF)" d="m110.52 221.105l32.637-36.443l15.224-46.482H62.674L14.812 55.255c-19.047 33.076-20.445 75.128.017 110.561c20.445 35.434 57.545 55.256 95.69 55.29"/><path fill="url(#SVGyiFpAPcn)" d="M206.26 55.272h-95.724l47.862 82.908l-47.862 82.925c38.162-.033 75.263-19.855 95.708-55.289c20.461-35.433 19.064-77.468.016-110.544"/><ellipse cx="110.536" cy="110.544" fill="#f1f3f4" rx="55.255" ry="55.272"/><ellipse cx="110.536" cy="110.544" fill="#1a73e8" rx="44.898" ry="44.915"/></g></g><path fill="#bdc1c6" d="M0 111.74h255.983v1.448H0zm0-1.465h255.983v1.448H0z" opacity=".1"/></svg>Как использовать иконку Chrome Web Store
React
import { Icon } from "@iconify/react";
<Icon icon="logos:chrome-web-store" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:chrome-web-store" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:chrome-web-store" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--chrome-web-store]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:chrome-web-store"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:chrome-web-store"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/logos/chrome-web-store.svg" alt="Иконка Chrome Web Store" width="24" height="24">Похожие иконки в наборе SVG Logos
Иконка Chrome Web Store в других наборах
Вопросы и ответы: Иконка Chrome Web Store
Можно ли бесплатно использовать иконку Chrome Web Store в коммерческих проектах?
Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Chrome Web Store в React?
Установите @iconify/react и выведите <Icon icon="logos:chrome-web-store" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Chrome Web Store на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/chrome-web-store.svg" alt="Иконка Chrome Web Store">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.