Exercism アイコン
cib:exercism
Exercism アイコン(cib:exercism)は、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="M5.802 2.214q-1.92-.001-2.911 1.193q-.99 1.188-.99 3.469v4.635q.001 1.608-.349 2.474c-.229.583-.656 1.12-1.276 1.625c-.188.151-.276.276-.276.37q-.001.15.271.37q.954.776 1.292 1.635c.229.573.339 1.396.339 2.469v4.615c0 1.531.333 2.698 1 3.49q.999 1.194 2.896 1.193h1.177q.756-.001.958-.073c.202-.072.203-.172.203-.365q0-.4-.531-.526l-.646-.146q-2.125-.486-2.125-4.198v-4.391c0-1.667-.406-2.839-1.208-3.526l-.307-.255c-.151-.13-.224-.224-.224-.292c0-.073.073-.172.224-.286l.307-.26c.802-.682 1.208-1.859 1.208-3.521V7.522q-.001-2.218.536-3.078c.365-.573 1.109-1.016 2.25-1.328q.516-.148.516-.469q.002-.43-1.161-.432zm19.224.036q-1.162 0-1.161.438q0 .322.516.464c1.141.313 1.885.755 2.25 1.328q.537.86.536 3.078v4.396c0 1.661.406 2.833 1.208 3.521l.307.255c.151.12.224.214.224.292q.001.096-.224.286l-.307.26c-.802.682-1.208 1.859-1.208 3.521v4.391c0 2.479-.708 3.875-2.125 4.198l-.646.146q-.531.124-.531.531q0 .29.203.359c.203.069.453.073.958.073h1.177q1.897.001 2.896-1.193q1-1.186 1-3.49v-4.615q.001-1.61.339-2.469c.338-.859.656-1.115 1.292-1.63q.272-.228.271-.37q.001-.15-.271-.37q-.937-.758-1.281-1.625q-.35-.868-.349-2.479v-4.63c0-1.521-.328-2.682-.99-3.474q-.992-1.194-2.906-1.193zM10.245 12.979c-1.943 0-3.521 1.484-3.521 3.307h1.359c0-1.12.969-2.031 2.161-2.031c1.188 0 2.156.911 2.156 2.031h1.359c0-1.823-1.573-3.307-3.516-3.307zm11.208 0c-1.943 0-3.521 1.484-3.521 3.307h1.359c0-1.12.969-2.031 2.161-2.031c1.188 0 2.161.911 2.161 2.031h1.359c0-1.823-1.578-3.307-3.521-3.307zm-8.505 6.167v.75c0 1.703 1.417 3.089 3.151 3.089c1.745 0 3.156-1.385 3.156-3.089v-.75H18.01v.75c0 1.167-1.01 1.901-1.911 1.901c-.896 0-1.969-.365-1.969-1.901v-.75z"/></svg>Exercism アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:exercism" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:exercism" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:exercism" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--exercism]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:exercism"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:exercism"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/exercism.svg" alt="Exercism アイコン" width="24" height="24">他のアイコンセットの Exercism アイコン
Exercism アイコン のよくある質問
Exercism アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Exercism アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:exercism" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Exercism アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/exercism.svg" alt="Exercism アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。