Tintas Vital アイコン
thesvg-color:tintas-vital
Tintas Vital アイコン(thesvg-color:tintas-vital)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 1201 × 324 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 1201 × 324
- タグ
- tintasvital、tinta
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1201" height="324" viewBox="0 0 1201 324"><path d="M276 2.4h58.3l51.8 109.3L439 2.4h53.4l-81.7 167.8h-53.1L276.1 2.4zM519 0h62l-.6 170.2h-62zm153.5 35.9h-65.7V2.4h183.6v33.5h-64v134.3h-53.9zM884.1 2.4h53.1l84.5 167.8h-56.1l-15-32.6h-80.7l-15 32.6h-55zm50.7 100.2l-24.5-53.7l-24.5 53.7zM1047.3 2.4h58.5v134.1h95.6v33.7h-154.1z"/><path fill="#a1c517" d="m130.83 109.33l34.54 64.82l-35.24 62.92L0 2.4h70.29c19.77 34.26 38.42 69.14 57.49 103.79c.95 1.72 2.82 2.71 3.06 3.13Z"/><path fill="#a1c517" d="M130.83 109.33L189.98 2.4h70.29l-58.46 106.93c-23.64-.1-47.34.08-70.98 0"/><path fill="#008e55" d="M201.81 109.33c23.17.1 46.44-.65 69.6.69l34.79 64.58h-67.5c-.69 0-2.93-1.57-3.55-2.39c-10.4-21.31-23.97-41.11-33.34-62.88"/><path d="M247.63 187.05h4.23v58.13h-4.23zm24.5 0h3.57l26.07 44.92l25.91-44.92h3.49l.08 58.13h-4.15l-.08-49.74l-24.33 42.02h-2.08l-24.33-41.77v49.49h-4.15zm79.38 0h20.84c14.61 0 23.42 7.31 23.42 19.6s-8.8 19.51-23.42 19.51h-16.61v19.02h-4.23zm20.84 35.29c12.46 0 19.1-5.73 19.1-15.69s-6.64-15.78-19.1-15.78h-16.61v31.47zm37.7-35.29h38.86v3.82h-34.63v22.92h30.97v3.74h-30.97v23.83h35.87v3.82h-40.11v-58.13Zm55.56 0h20.84c14.61 0 23.42 7.31 23.42 19.6c0 9.22-4.98 15.61-13.7 18.19l14.61 20.34h-4.82l-13.87-19.43c-1.83.25-3.65.42-5.65.42h-16.61v19.02h-4.23v-58.13Zm20.84 35.38c12.46 0 19.1-5.81 19.1-15.78s-6.64-15.78-19.1-15.78h-16.61v31.55h16.61Zm38.94-35.38h3.57l26.07 44.92l25.91-44.92h3.49l.08 58.13h-4.15l-.08-49.74l-24.33 42.02h-2.08l-24.33-41.77v49.49h-4.15zm79.39 0h38.86v3.82h-34.63v22.92h30.97v3.74h-30.97v23.83h35.87v3.82h-40.11v-58.13Zm72.57 0h4.24l26.74 58.13h-4.57l-7.39-16.36h-33.8l-7.39 16.36h-4.57zm17.36 38.2l-15.28-33.55l-15.2 33.55zm24.16-38.2h24.25c12.46 0 20.01 5.23 20.01 14.86c0 6.89-3.9 11.38-9.8 13.37c8.3 1.49 12.87 6.48 12.87 14.53c0 9.8-7.14 15.36-21.42 15.36h-25.91v-58.13Zm24.08 26.82c10.05 0 15.86-3.9 15.86-11.62s-5.81-11.54-15.86-11.54H723.1v23.17h19.85Zm1.83 27.66c11.13 0 17.19-3.65 17.19-12.04s-6.06-11.96-17.19-11.96h-21.67v24zm36.53-54.48h4.23v58.13h-4.23zm24.5 0h4.23v54.31h33.46v3.82h-37.7v-58.13Zm48.58 0h4.23v58.13h-4.23zm18.27 55.14l40.19-51.32h-39.69v-3.82h45.42v2.99l-40.11 51.32h41.02v3.82h-46.83zm76.89-55.14h4.24l26.74 58.13h-4.57l-7.39-16.36h-33.8l-7.39 16.36h-4.57zm17.35 38.2l-15.28-33.55l-15.2 33.55zm24.17-38.2h3.57l39.53 50.4v-50.4h4.24v58.13h-3.49l-39.61-50.4v50.4h-4.23v-58.13Zm78.72 3.82h-20.93v-3.82h46.09v3.82h-20.92v54.31h-4.24zm35.62-3.82h38.86v3.82h-34.63v22.92h30.97v3.74h-30.97v23.83h35.87v3.82h-40.11v-58.13Zm49.66 50.66l1.91-3.16c3.99 4.15 11.38 7.31 19.18 7.31c11.62 0 16.77-5.07 16.77-11.38c0-17.44-36.29-6.97-36.29-28.4c0-8.22 6.31-15.45 20.59-15.45c6.39 0 13.04 1.99 17.52 5.23l-1.58 3.4c-4.82-3.32-10.71-4.9-15.94-4.9c-11.29 0-16.36 5.23-16.36 11.63c0 17.44 36.29 7.14 36.29 28.23c0 8.22-6.56 15.36-20.92 15.36c-8.64 0-16.94-3.24-21.17-7.89Zm-643.93 39.08h-18.41v-10.85h50.14v10.85h-18.41v46.69h-13.32zm38.88-10.85h13.32v57.54h-13.32zm26.96 0h11.01l28.6 35.02v-35.02h13.15v57.54h-10.93l-28.69-35.02v35.02h-13.15v-57.54Zm78.34 10.85h-18.41v-10.85h50.14v10.85h-18.41v46.69h-13.32zm54.08-10.85h13.15l25.73 57.54h-13.97l-5.1-12.33H702.5l-5.1 12.33h-13.65zm15.62 35.1l-9.12-21.95l-9.21 21.95zm24.74 16.77l4.52-10.03c4.85 3.53 12.08 6 18.99 6c7.89 0 11.1-2.63 11.1-6.16c0-10.77-33.46-3.37-33.46-24.74c0-9.78 7.89-17.92 24.25-17.92c7.23 0 14.63 1.73 19.97 5.1l-4.11 10.11c-5.34-3.04-10.85-4.52-15.95-4.52c-7.89 0-10.93 2.96-10.93 6.58c0 10.6 33.46 3.29 33.46 24.41c0 9.62-7.97 17.84-24.41 17.84c-9.12 0-18.33-2.71-23.43-6.66Z"/></svg>Tintas Vital アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:tintas-vital" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:tintas-vital" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:tintas-vital" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--tintas-vital]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:tintas-vital"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:tintas-vital"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/tintas-vital.svg" alt="Tintas Vital アイコン" width="24" height="24">Tintas Vital アイコン のよくある質問
Tintas Vital アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tintas Vital アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:tintas-vital" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tintas Vital アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/tintas-vital.svg" alt="Tintas Vital アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。