Иконка Webstorm

fontisto:webstorm

Иконка Webstorm (fontisto:webstorm) — бесплатная SVG-иконка из набора Fontisto от Kenan Gündoğan. Она нарисована на сетке 24 × 24. Fontisto icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Fontisto
Автор: Kenan Gündoğan
Лицензия: MIT
Размер: 24 × 24
Категория: Бренд

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.65 19.351h14.7V4.65H4.65zm6.9-1.726H5.926v-.945h5.625zm4.125-11.3a3.74 3.74 0 0 1 2.287.806l-.008-.006l-.7 1.05a2.75 2.75 0 0 0-1.567-.6h-.007c-.5 0-.8.225-.8.57c0 .4.271.555 1.319.81c1.231.345 1.951.8 1.951 1.875a1.98 1.98 0 0 1-2.261 1.948l.011.001a4.3 4.3 0 0 1-2.632-1.01l.007.005l.779-.976a2.87 2.87 0 0 0 1.841.75h.005c.555 0 .9-.225.9-.6c0-.346-.227-.525-1.23-.8c-1.246-.33-2.04-.676-2.04-1.9v-.044a1.933 1.933 0 0 1 2.154-1.874l-.009-.001zm-8.625.12l.944 3.6l1.05-3.6H10.1l1.051 3.6l.929-3.6h1.471l-1.8 6.225h-1.176l-1-3.6l-1.02 3.6H7.4L5.595 6.45z"/><path fill="currentColor" d="m24 8.13l-1.919-4.755L20.88.5L15.3 0l-.87.84l-1.11-.42L9.8 2.3L6 .045l-6 2.46l3.225 19.171L16.5 24l.84-4.26l.15-.091H4.35V4.35h15.3v14.025L24 15.8l-2.625-4.92z"/></svg>

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

React

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

<Icon icon="fontisto:webstorm" width="24" />

Vue

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

<template>
  <Icon icon="fontisto:webstorm" width="24" />
</template>

Svelte

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

<Icon icon="fontisto:webstorm" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="fontisto:webstorm"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Иконки Fontisto →