Jsdelivr アイコン
cib:jsdelivr
Jsdelivr アイコン(cib:jsdelivr)は、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
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M15.803 0L1.083 5.36l2.079 19.599L15.803 32l12.796-7.041l2.323-19.677zm.082 6.161a8.8 8.8 0 0 1 3.552.765a16.6 16.6 0 0 0-3.453 2.6c-.057-.027-.12-.043-.181-.063a1.5 1.5 0 0 0-.464-.073c-.093 0-.188.016-.276.025a12 12 0 0 1-.823-3.088a8.7 8.7 0 0 1 1.563-.161c.025 0 .052-.005.083-.005zm-2.656.418c.156 1.151.468 2.271.921 3.339a1.6 1.6 0 0 0-.197 1.943c-1.251 1.724-2.208 3.733-2.541 5.744c-.011.073-.016.145-.027.219c-.375.125-.688.38-.875.724c-1.313-.448-2.511-1.292-3.484-2.697a10 10 0 0 1-.037-.688c.005-3.932 2.532-7.412 6.24-8.583zm7.344.948a9 9 0 0 1 3.375 3.864c-.505 1.271-1.401 2.521-2.527 3.636a1.64 1.64 0 0 0-.859-.245c-.369 0-.729.131-1.021.359a14.6 14.6 0 0 1-1.76-1.556a15 15 0 0 1-1.229-1.496a1.6 1.6 0 0 0 .417-1.072c0-.281-.084-.547-.215-.781c1.412-1.344 2.819-2.224 3.819-2.708zm-5.234 2.64a.86.86 0 0 1 .464.151a.85.85 0 0 1 .391.699a.84.84 0 0 1-.391.697a.8.8 0 0 1-.464.151a.84.84 0 0 1-.849-.848c0-.475.375-.849.849-.849zm-.59 2.36c.287.113.6.145.901.083q.072.1.152.197c.375.527.785 1.021 1.228 1.496c.595.615 1.24 1.187 1.928 1.703a1.7 1.7 0 0 0-.073.453c0 .172.032.344.088.505a13.3 13.3 0 0 1-2.823 1.391c-.12.041-.233.067-.348.104q-1.221.373-2.496.443a1.52 1.52 0 0 0-.88-1.032c.005-.031.005-.063.016-.099c.292-1.776 1.161-3.635 2.307-5.244m9.699.254c.213.776.323 1.579.328 2.38c0 .839-.12 1.672-.349 2.475a14 14 0 0 1-2.219-.839a1.63 1.63 0 0 0-.088-.948a12.6 12.6 0 0 0 2.328-3.068m-3.885 2.803c.489 0 .875.385.875.875s-.385.88-.875.88c-.489 0-.875-.391-.875-.88s.385-.875.875-.875m1.12 2.119a14.4 14.4 0 0 0 2.4.917c-1.38 3.353-4.613 5.536-8.197 5.541q-.045.001-.083-.005h-.057c-.115-.057-.224-.104-.355-.172c-.417-.203-.891-.468-1.131-.667a5.1 5.1 0 0 1-1.724-2.703c.281-.151.505-.38.652-.661c.885-.032 1.76-.172 2.615-.412c.228-.057.457-.129.681-.203a15 15 0 0 0 3.12-1.505c.276.188.604.307.959.307a1.7 1.7 0 0 0 1.12-.437m-14.276.157a7.7 7.7 0 0 0 2.948 1.728a1.52 1.52 0 0 0 1.14 1.161a6.1 6.1 0 0 0 1.656 2.959c-2.739-.891-4.88-3.072-5.749-5.848zm4.432.613a.794.794 0 1 1 0 1.589a.786.786 0 0 1-.792-.792a.79.79 0 0 1 .792-.797"/></svg>Jsdelivr アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:jsdelivr" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:jsdelivr" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:jsdelivr" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--jsdelivr]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:jsdelivr"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:jsdelivr"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/jsdelivr.svg" alt="Jsdelivr アイコン" width="24" height="24">他のアイコンセットの Jsdelivr アイコン
Jsdelivr アイコン のよくある質問
Jsdelivr アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Jsdelivr アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:jsdelivr" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Jsdelivr アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/jsdelivr.svg" alt="Jsdelivr アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。