Techlore アイコン
arcticons:techlore
Techlore アイコン(arcticons:techlore)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><circle cx="24" cy="24" r="21.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M29.99 29.64c3.54.69 6.74 2 9.36 3.75m-30.7 0c2.62-1.75 5.82-3.06 9.36-3.75"/><circle cx="20.012" cy="20.075" r="2.292" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="27.988" cy="20.075" r="2.292" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M36.425 17.564c-.632-4.058-4-6.903-7.523-6.355c-1.936.302-3.512 1.57-4.435 3.322a.506.506 0 0 1-.906.001c-.927-1.751-2.506-3.018-4.446-3.32c-3.532-.55-6.908 2.294-7.54 6.352s1.72 7.793 5.251 8.343c2.884.45 5.662-1.365 6.929-4.254a.288.288 0 0 1 .526 0c1.266 2.887 4.036 4.7 6.91 4.252c3.522-.55 5.865-4.284 5.234-8.342Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24 36.68c5.04-2.21 6.18-7.53 6.29-8.26c-2.43-.1-4.69-1.35-6.29-3.31c-1.6 1.96-3.86 3.21-6.29 3.31c.11.73 1.25 6.05 6.29 8.26"/><circle cx="24" cy="24" r="18" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24 6V2.5m12.728 8.772l2.475-2.475M11.272 36.728l-2.475 2.475M42 24h3.5"/></svg>Techlore アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:techlore" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:techlore" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:techlore" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--techlore]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:techlore"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:techlore"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/techlore.svg" alt="Techlore アイコン" width="24" height="24">Techlore アイコン のよくある質問
Techlore アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Techlore アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:techlore" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Techlore アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/techlore.svg" alt="Techlore アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。