Slim アイコン
logos:slim
Slim アイコン(logos:slim)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 274 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 274
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="274" viewBox="0 0 256 274"><path fill="#729544" d="M50.424 33.748c-1.482 3.497-3.152 6.929-4.41 10.505c-3.051 8.676-3.826 17.641-3.062 26.788c.608 7.268 2.018 14.332 4.826 21.081c3.864 9.287 9.938 16.905 17.661 23.267c7.592 6.253 16.107 10.984 24.987 15.102c11.174 5.181 22.757 9.309 34.375 13.355c12.112 4.217 24.071 8.82 35.42 14.862c7.737 4.119 15.031 8.874 21.235 15.143c7.72 7.799 12.345 17.088 13.743 28.03c1.832 14.346-2.33 26.74-11.881 37.408c-9.081 10.143-20.523 16.416-33.538 19.968c-10.037 2.74-20.248 3.336-30.569 2.134c-20.375-2.374-38.284-10.674-54.565-22.824c-2.723-2.033-5.27-4.303-7.897-6.465c-.342-.282-.666-.588-1.014-.863c-2.038-1.61-4.026-1.716-6.092-.153c-1.105.836-2.042 1.892-3.199 2.985c-2.479-2.251-5.095-4.479-7.546-6.875c-17.022-16.64-28.678-36.433-34.762-59.469c-2.282-8.64-3.592-17.431-3.995-26.363C-.928 117.693 4.08 95.393 15.304 74.53c8.622-16.025 20.211-29.564 34.617-40.687c.114-.088.253-.143.381-.214z"/><path fill="#93bd5a" d="M208.879 234.173c.993-2.463 2.073-4.896 2.963-7.395c2.077-5.828 3.072-11.854 3.117-18.044c.064-8.648-1.086-17.094-4.081-25.245c-3.234-8.804-8.389-16.344-15.07-22.871c-7.452-7.28-16.104-12.857-25.276-17.68c-12.957-6.812-26.589-12.016-40.38-16.822c-9.279-3.233-18.638-6.244-27.638-10.229c-8.72-3.86-17.104-8.291-24.423-14.505c-7.065-5.997-12.433-13.202-15.008-22.19c-4.759-16.61-2.089-31.909 8.642-45.591c5.933-7.565 13.616-12.855 22.438-16.542c7.564-3.161 15.478-4.86 23.625-5.599c5.724-.52 11.451-.646 17.173-.133c8.506.762 16.758 2.72 24.799 5.574c9.021 3.201 17.614 7.289 25.682 12.461c.558.357 1.153.668 1.759.937c2.121.94 4.074.633 5.714-1.001c.851-.848 1.536-1.863 2.407-2.94c2.146 1.44 4.411 2.887 6.599 4.441c15.341 10.899 27.729 24.504 37.117 40.807c7.2 12.5 12.11 25.861 14.754 40.055c1.679 9.012 2.429 18.099 2.151 27.253c-.498 16.43-3.939 32.224-10.505 47.315c-6.802 15.63-16.358 29.356-28.615 41.188c-2.494 2.408-5.214 4.584-7.83 6.867z"/></svg>Slim アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:slim" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:slim" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:slim" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--slim]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:slim"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:slim"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/slim.svg" alt="Slim アイコン" width="24" height="24">他のアイコンセットの Slim アイコン
Slim アイコン のよくある質問
Slim アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Slim アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:slim" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Slim アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/slim.svg" alt="Slim アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。