Иконка Exercism

simple-icons:exercism

Иконка Exercism (simple-icons:exercism) — бесплатная SVG-иконка из набора Simple Icons от 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

<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>

Веб-компонент

<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, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Exercism в React?

Установите @iconify/react и выведите <Icon icon="simple-icons:exercism" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Exercism на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/simple-icons/exercism.svg" alt="Иконка Exercism">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Simple Icons →