Иконка Netlify
cib:netlify
Иконка Netlify (cib:netlify) — бесплатная SVG-иконка из набора CoreUI Brands от creativeLabs Łukasz Holeczek. Она нарисована на сетке 32 × 32. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- CoreUI Brands
- Автор
- creativeLabs Łukasz Holeczek
- Лицензия
- CC0-1.0
- Размер
- 32 × 32
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M22.579 11.36c.151.077.291.181.405.307l3.131-1.396l-2.921-2.896l-.657 3.943zm-6.5-2.631c.156.229.249.489.281.765l4.661 1.975c.14-.109.301-.188.473-.235l.765-4.735L19.42 3.52l-3.343 5.135zm15.91 7.318l-4.995-4.995l-3.401 1.391l8.355 3.552s.073.052.041.052m-.833.813l-8.02-3.428a1.4 1.4 0 0 1-.933.541l-.859 5.277c.255.26.401.609.401.973l4.843 1.016l4.443-4.412v-.083zm-10.625-4.527l-4.353-1.855a1.59 1.59 0 0 1-1.391.724h-.265l-3.609 5.568l9.635-4.172v.011a2 2 0 0 1 0-.224q.008-.026-.016-.052zm5.292 9.746l-4.26-.881a1.4 1.4 0 0 1-.615.459l-1.016 6.297l5.917-5.865s-.011.032-.027.032zm-5.959-.434a1.4 1.4 0 0 1-.823-.948l-7.932-1.629l-.115.183l7.199 10.411l.432-.427l1.224-7.563s.041.031.015.016zm-8.588-3.536l7.839 1.615a1.39 1.39 0 0 1 1.099-.697l.849-5.188l-.183-.156l-9.744 4.177q.078.116.14.249m-3.287 1.307l-.167-.165l-3.38 1.389l1.64 1.631l1.865-2.896zm2.23.532a1.9 1.9 0 0 1-.749.167c-.209 0-.407-.032-.605-.099l-2.057 2.995l9.021 8.937l1.588-1.579zm-1.266-3.521q.204-.023.416 0c.152-.02.308-.02.459 0l3.645-5.667a1.6 1.6 0 0 1-.443-1.099a1.5 1.5 0 0 1 0-.364L8.603 7.25L5.04 10.718zm.402-9.87l4.317 1.839a1.64 1.64 0 0 1 1.115-.38q.266.006.525.083l3.371-5.26L15.896.052L9.355 6.473s-.011.068 0 .084M7.74 17.443q.133-.243.323-.448L4.37 11.484L.001 15.729zm-.349.932L.708 16.979l2.937 2.98l3.704-1.573z"/></svg>
Как использовать иконку Netlify
React
import { Icon } from "@iconify/react";
<Icon icon="cib:netlify" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:netlify" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:netlify" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--netlify]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:netlify"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:netlify"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/cib/netlify.svg" alt="Иконка Netlify" width="24" height="24">
Иконка Netlify в других наборах
Вопросы и ответы: Иконка Netlify
Можно ли бесплатно использовать иконку Netlify в коммерческих проектах?
Да. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Netlify в React?
Установите @iconify/react и выведите <Icon icon="cib:netlify" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Netlify на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/cib/netlify.svg" alt="Иконка Netlify">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки CoreUI Brands →
ICONYZ
