Spacemacs アイコン
cib:spacemacs
Spacemacs アイコン(cib:spacemacs)は、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
- タグ
- spacemac
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M15.995.016c-2.385.02-4.599.525-6.625 1.457l.011-.004c4.849 2.703 9.271 7.509 11.907 10.989c.531.713 1.005 1.339 1.437 1.911l.005-.025c.552-2.317-.417-6.984-2.021-9.776c-.156-.271-.271-.505-.249-.521h.005l.005-.005c.129.032 1.375 1.323 1.828 1.912c.801 1.02 1.109 1.615 1.552 2.968c1.14 3.532 1.896 6.401 2.531 9.667c.323 1.641.901 4.609.98 5.177c.004.079-.016.172-.016.193q-.19-.181-.385-.355c-.86-.755-2.568-1.885-4.245-2.817c-2.093-1.156-4.156-2.151-8.765-4.213c-4.208-1.885-6.145-2.781-7.667-3.547l-1.369-.683l.536 1.339s2.573 1.443 2.896 1.88c0 0 3.093 5.823 4.468 9.271c1.027 2.599 2.183 5.688 2.876 6.541l.077.089C14.403 31.131 8.111 28 8.111 28c-.693-5.864-2.625-12.812-5.14-19.917q-.087-.177-.167-.364c0-.021.187.161.411.407c2.536 2.713 7.943 5.181 13.688 6.239c1.552.272 3.135.371 4.708.297c-.407-.521-.855-1.093-1.344-1.735C15.71 6.99 11.236 4.495 7.226 2.97c-.104-.037-.203-.084-.307-.115A15.87 15.87 0 0 0 .892 10.76a16 16 0 0 0-.891 5.355L.006 16c.041 6.688 4.172 12.817 10.735 15.104c1.781.62 3.593.907 5.375.896l-.12-.005c6.693-.041 12.823-4.172 15.109-10.735c.62-1.781.907-3.599.891-5.38V16C31.949 9.307 27.824 3.177 21.256.896A16 16 0 0 0 15.881 0l.12.005zm8.177 8.145c.708.683 1.839 2.005 3.115 2.751c1.052 1.317 1.625 2.615 2.333 3.504c-.292-.249-1.484-1.296-1.484-1.296s-1.833-1.74-2.855-2.869c-.391-.439-.427-.505-.636-.839c-.083-.131-.364-1.1-.473-1.245l.005-.011z"/></svg>Spacemacs アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:spacemacs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:spacemacs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:spacemacs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--spacemacs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:spacemacs"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:spacemacs"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/spacemacs.svg" alt="Spacemacs アイコン" width="24" height="24">他のアイコンセットの Spacemacs アイコン
Spacemacs アイコン のよくある質問
Spacemacs アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Spacemacs アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:spacemacs" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Spacemacs アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/spacemacs.svg" alt="Spacemacs アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。