Tirreno Dark アイコン
selfhst:tirreno-dark
Tirreno Dark アイコン(selfhst:tirreno-dark)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
- タグ
- tirrenodark
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill-rule="evenodd" d="M288.2 270.9h-40.9c1.7-12.9 9.2-20.6 20.5-20.6c11.5.1 18.9 7.7 20.4 20.6M512 0v512H0V0zM75.8 236.1H51.5V211H32.1v25.1H21.8v17.7h10.3v54h19.3v-54h24.3v-17.7zm29.4 0H85.9v71.7h19.3zm1-32H84.9v20.8h21.3zm63.5 29.7c-1.4-.1-2.2-.1-3.2-.1c-9.9 0-17.7 3.9-23.4 12v-9.6h-18.6v71.7h19.2v-33.2c0-15.4 7.7-23.2 22.5-23.2c1.6 0 1.7 0 3.4.1v-17.7zm54.3 0c-1.4-.1-2.2-.1-3.2-.1c-9.9 0-17.7 3.9-23.4 12v-9.6h-18.6v71.7H198v-33.2c0-15.4 7.7-23.2 22.5-23.2c1.6 0 1.7 0 3.4.1v-17.7zm81.7 61h-19.4c-2.8 7.3-8.5 11.5-17.4 12.8H300c2.6-3.7 4.5-8 5.7-12.8m1.8-8.9c0-11.5-1-19.6-3.5-26.7c-5.6-16-19.1-25.6-36-25.6c-23.7 0-40.3 19.2-40.3 46.6c0 11 2.6 20.3 7.4 27.5l31.1.1c-12.1-2-18.2-8.9-19.4-21.9zm84.7-11.9c0-14.6-.7-20.1-3.8-26.2c-4.4-8.8-14.1-14.2-25.3-14.2c-10.4 0-18 3.5-24.8 12V236h-18.6v71.7H339v-34.1c0-6.7.7-10 3.2-13.9c3.3-5.2 9.2-8.4 15.3-8.4c4.9 0 9.1 1.6 11.6 4.3c2.8 3.1 3.8 7.8 3.8 17.9v34.1v-.1h19.3zm98 5.5c0-26.4-18.2-45.8-43-45.8c-24.4 0-43 19.4-43 45.2c0 11.3 3 21.1 8.4 28.8H447c-14.1-.2-23.4-11.3-23.4-27.8c0-17.4 9.2-28.5 23.7-28.5c14.3 0 23.7 11.2 23.7 28.1s-9.2 28-23.4 28.2h34.2c5.3-7.6 8.4-17.3 8.4-28.2"/></svg>Tirreno Dark アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:tirreno-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:tirreno-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:tirreno-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--tirreno-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:tirreno-dark"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:tirreno-dark"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/tirreno-dark.svg" alt="Tirreno Dark アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Tirreno Dark アイコン のよくある質問
Tirreno Dark アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Tirreno Dark アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:tirreno-dark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tirreno Dark アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/tirreno-dark.svg" alt="Tirreno Dark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。