ICONYZ
日本語
Nonicons の Rust 16 アイコン

Rust 16 アイコン

nonicons:rust-16

Rust 16 アイコン(nonicons:rust-16)は、Nonicons セットの無料 SVG アイコンです(作者: yamatsum)。 24 × 24 のグリッドで描かれています。 Nonicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Nonicons
作者
yamatsum
ライセンス
MIT
サイズ
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="M8 .1c.422 0 .765.342.765.765v.916q.445.053.87.166l.283-.683a.764.764 0 1 1 1.413.585l-.276.665q.431.236.817.533l.633-.633a.765.765 0 0 1 1.081 1.081l-.62.62q.36.448.637.956l.631-.261a.765.765 0 1 1 .585 1.413l-.654.27q.108.416.16.849h.81a.765.765 0 0 1 0 1.529h-.81a6.3 6.3 0 0 1-.21 1.027l.664.275a.765.765 0 1 1-.585 1.413l-.672-.278q-.196.36-.44.693l.504.504a.765.765 0 0 1-1.081 1.081l-.465-.465q-.45.38-.978.677l.269.65a.765.765 0 1 1-1.413.586l-.27-.65a6 6 0 0 1-.883.181v.57a.765.765 0 0 1-1.53 0v-.555a6.4 6.4 0 0 1-1.087-.218l-.278.672a.765.765 0 1 1-1.413-.585l.285-.688a6.4 6.4 0 0 1-.84-.581l-.407.406a.765.765 0 0 1-1.081-1.081l.428-.428a6 6 0 0 1-.459-.703l-.748.31a.765.765 0 0 1-.585-1.413l.748-.31a6.3 6.3 0 0 1-.205-1.09H.865a.765.765 0 0 1 0-1.53h.762q.066-.448.192-.88l-.81-.336a.765.765 0 0 1 .585-1.413l.815.337q.272-.496.625-.934l-.62-.62a.765.765 0 0 1 1.081-1.081l.633.633q.308-.237.645-.435l-.316-.763a.765.765 0 0 1 1.413-.585L6.175 2a6.3 6.3 0 0 1 1.06-.22V.865C7.235.442 7.578.1 8 .1m-.765 3.354a4.85 4.85 0 0 0-3.487 2.36l.61.199a.765.765 0 1 1-.472 1.454l-.653-.212a4.82 4.82 0 0 0 1.294 4.225l.458-.63a.764.764 0 0 1 1.237.898l-.47.648A4.8 4.8 0 0 0 8 12.948c.812 0 1.577-.2 2.249-.552l-.352-.484a.765.765 0 0 1 1.237-.899l.34.467c.349-.36.642-.773.867-1.227a4.84 4.84 0 0 0 .34-2.97l-.567.184a.764.764 0 1 1-.472-1.454l.5-.163a4.83 4.83 0 0 0-3.377-2.374v.447a.765.765 0 1 1-1.53 0z"/></svg>

Rust 16 アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="nonicons:rust-16" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="nonicons:rust-16" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="nonicons:rust-16" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[nonicons--rust-16]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/nonicons -->
<div class="i-nonicons:rust-16"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="nonicons:rust-16"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/nonicons/rust-16.svg" alt="Rust 16 アイコン" width="24" height="24">

Rust 16 アイコン のよくある質問

Rust 16 アイコンは商用利用でも無料ですか?

はい。Nonicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Rust 16 アイコンを使うには?

@iconify/react をインストールして <Icon icon="nonicons:rust-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Rust 16 アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/nonicons/rust-16.svg" alt="Rust 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Nonicons をすべて見る →