Dev To アイコン
cib:dev-to
Dev To アイコン(cib:dev-to)は、CoreUI Brands セットの無料 SVG アイコンです（作者: 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>Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Dev To アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。