Иконка Dev To
cib:dev-to
Иконка Dev To (cib:dev-to) — бесплатная 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
- Теги
- devto
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M9.896 13.401c-.245-.213-.615-.308-1.125-.308H8l.027 3.256l.052 3.265l.749-.027c.547 0 .839-.093 1.104-.348c.323-.319.349-.48.349-2.933c0-2.547-.027-2.613-.385-2.905M0 6.588v18.824h32V6.588zm11.412 13.813c-.584.771-1.412 1.025-3.371 1.025h-1.76V11.374h1.864c2.229 0 2.881.24 3.469 1.199c.359.572.385.801.427 3.427c.063 2.973-.025 3.64-.629 4.401m6.785-7.297h-3.291v2.365h2.025v1.703l-.959.057l-1 .036v2.36l1.625.041l1.599.052v1.708h-2.129c-2.041 0-2.136-.015-2.495-.4l-.401-.376v-4.213c0-4.025.016-4.24.333-4.635c.307-.417.333-.417 2.511-.417h2.181v1.735zm6.24 7.271c-.224.573-.849 1.052-1.333 1.052c-.24 0-.599-.197-.891-.52c-.427-.428-.599-.839-1.093-2.771l-1.199-4.521l-.604-2.229h1.016c.531 0 1 .027 1 .068c0 .077 1.547 6.052 1.683 6.443c.052.197.421-.937.968-3.068l.88-3.359l.991-.057c.531-.027.973 0 .973.057c0 .181-2.229 8.504-2.401 8.905z"/></svg>Как использовать иконку Dev To
React
import { Icon } from "@iconify/react";
<Icon icon="cib:dev-to" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:dev-to" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:dev-to" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--dev-to]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:dev-to"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:dev-to"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/cib/dev-to.svg" alt="Иконка Dev To" width="24" height="24">Похожие иконки в наборе CoreUI Brands
Иконка Dev To в других наборах
Вопросы и ответы: Иконка Dev To
Можно ли бесплатно использовать иконку Dev To в коммерческих проектах?
Да. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Dev To в React?
Установите @iconify/react и выведите <Icon icon="cib:dev-to" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Dev To на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/cib/dev-to.svg" alt="Иконка Dev To">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.