Exercism アイコン
simple-icons:exercism
Exercism アイコン(simple-icons:exercism)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.35 1.66q-1.439 0-2.181.893q-.744.893-.744 2.605v3.474q0 1.207-.259 1.858q-.26.651-.96 1.218q-.207.17-.206.278q0 .108.205.277q.714.579.967 1.225q.254.645.253 1.851v3.462q0 1.725.75 2.618t2.174.892h.882q.568 0 .72-.054q.15-.055.15-.271q0-.302-.399-.398l-.483-.109q-1.595-.361-1.595-3.148v-3.293q0-1.87-.906-2.642l-.23-.193q-.168-.145-.168-.217q0-.085.169-.217l.23-.193q.905-.772.905-2.642V5.641q0-1.665.405-2.31t1.685-.995q.387-.11.387-.35q0-.326-.87-.326zm14.419.029q-.87 0-.87.325q0 .242.386.35q1.281.35 1.686.995t.405 2.31v3.294q0 1.869.906 2.641l.229.193q.17.133.17.217q0 .073-.17.217l-.23.193q-.905.773-.905 2.642v3.293q0 2.787-1.595 3.149l-.484.108q-.398.096-.398.398q0 .217.15.272q.152.054.72.054h.882q1.425 0 2.174-.893q.75-.892.75-2.617v-3.462q0-1.207.253-1.852q.254-.645.967-1.224q.205-.169.205-.278q0-.108-.205-.277q-.702-.567-.961-1.218q-.26-.652-.26-1.858V5.187q0-1.712-.743-2.606q-.743-.892-2.18-.892zM7.683 9.735c-1.456 0-2.64 1.111-2.64 2.478h1.02c0-.838.727-1.52 1.62-1.52c.892 0 1.619.682 1.619 1.52h1.02c0-1.367-1.183-2.478-2.64-2.478zm8.406 0c-1.456 0-2.639 1.111-2.639 2.478h1.02c0-.838.727-1.52 1.62-1.52c.892 0 1.62.682 1.62 1.52h1.02c0-1.367-1.185-2.478-2.64-2.478zM9.71 14.36v.561c0 1.277 1.062 2.316 2.366 2.316s2.367-1.039 2.367-2.316v-.56h-.934v.56c0 .877-.76 1.426-1.433 1.426s-1.48-.273-1.48-1.426v-.56z"/></svg>Exercism アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:exercism" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:exercism" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:exercism" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--exercism]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:exercism"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:exercism"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/exercism.svg" alt="Exercism アイコン" width="24" height="24">他のアイコンセットの Exercism アイコン
Exercism アイコン のよくある質問
Exercism アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Exercism アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:exercism" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Exercism アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/exercism.svg" alt="Exercism アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。