Talos アイコン
devicon:talos
Talos アイコン(devicon:talos)は、Devicon セットの無料 SVG アイコンです(作者: konpa)。 128 × 128 のグリッドで描かれています。 Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><defs><linearGradient id="SVGvRJrscyP" x1="101.85" x2="101.85" y1="-12.91" y2="224.04" gradientTransform="translate(6.318)scale(.56637)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffd200"/><stop offset=".08" stop-color="#ffb500"/><stop offset=".2" stop-color="#ff8c00"/><stop offset=".3" stop-color="#ff7300"/><stop offset=".36" stop-color="#ff6a00"/><stop offset=".48" stop-color="#fc4f0e"/><stop offset=".65" stop-color="#f92f1e"/><stop offset=".79" stop-color="#f81b27"/><stop offset=".89" stop-color="#f7142b"/><stop offset="1" stop-color="#df162e"/></linearGradient></defs><path fill="url(#SVGvRJrscyP)" d="M64.012 0c-1.617 0-3.227.078-4.825.2v127.624c1.594.117 3.196.2 4.817.203h.023c1.614 0 3.211-.086 4.79-.199V.2a63 63 0 0 0-4.806-.2Zm27.515 6.23C82.16 27.34 76.36 49.79 76.36 63.926c0 13.68 6.282 36.379 15.82 57.601a64 64 0 0 0 8.407-4.968c-8.832-19.864-14.59-40.625-14.59-52.657c0-12.457 5.555-33.175 14.113-52.757a64 64 0 0 0-8.582-4.915Zm-55.191.04a64 64 0 0 0-8.457 4.894C36.453 30.73 42 51.454 42 63.902c0 12.028-5.762 32.782-14.59 52.625a64.6 64.6 0 0 0 8.406 4.965c9.547-21.215 15.813-43.898 15.813-57.59c0-14.207-6.031-36.785-15.293-57.632m80.207 21.16l-1.379 1.375c-14.613 14.754-21.676 26.246-21.59 35.117c.086 8.867 7.106 20.324 21.489 34.789l1.652 1.644a64.6 64.6 0 0 0 4.996-8.601c-9.953-10.102-18.441-21.008-18.508-27.918c-.062-6.738 8.375-17.645 18.383-27.856a64 64 0 0 0-5.043-8.55m-105.059.023a64 64 0 0 0-5.054 8.574c16.664 16.93 18.418 25.094 18.398 27.832c-.062 6.938-8.555 17.817-18.512 27.895a64.4 64.4 0 0 0 5.008 8.578c.567-.566 1.106-1.086 1.653-1.64c14.37-14.465 21.394-25.833 21.476-34.766c.086-8.93-6.976-20.317-21.586-35.098Zm0 0"/></svg>Talos アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:talos" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:talos" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:talos" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--talos]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:talos"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:talos"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon/talos.svg" alt="Talos アイコン" width="24" height="24">他のアイコンセットの Talos アイコン
Talos アイコン のよくある質問
Talos アイコンは商用利用でも無料ですか?
はい。Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Talos アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon:talos" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Talos アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon/talos.svg" alt="Talos アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。