drum steelpan icon
drum-steelpan from Line Awesome by Icons8 · Line · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- drum-steelpan
- Set
- Line Awesome
- Style
- Line
- Category
- Objects
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- drum-steelpan-solid
The same icon in other sets
More objects icons from Line Awesome
Use the drum steelpan icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 6C8.82 6 3 8.462 3 11.5v9C3 23.538 8.82 26 16 26s13-2.462 13-5.5v-9C29 8.462 23.18 6 16 6m0 2c.893 0 1.734.04 2.523.11c.165.014.317.035.477.052V8.6c0 1.32-1.35 2.4-3 2.4s-3-1.08-3-2.4v-.438c.927-.1 1.92-.162 3-.162m-3.104.174q-.5.054-.97.127c.136-.021.265-.046.406-.065c.182-.024.376-.041.564-.062m6.208 0c.188.02.382.038.564.062c.14.02.27.044.406.065a21 21 0 0 0-.97-.127m-7.58.19c-.176.03-.343.065-.512.099c.09-.018.163-.042.256-.059c.082-.015.172-.026.255-.04zm8.953 0c.083.014.173.025.255.04c.093.017.166.041.256.059c-.169-.034-.336-.07-.511-.1zm-9.957.212l1.04 1.805c.44.74.55 1.61.33 2.45a3.26 3.26 0 0 1-1.097 1.655C7.021 13.706 5 12.23 5 11.5q0-.095.045-.207c.306-.755 2.206-1.994 5.475-2.717m10.96 0C25.07 9.37 27 10.788 27 11.5c0 .73-2.022 2.207-5.795 2.986a3.2 3.2 0 0 1-1.096-1.656c-.22-.84-.11-1.71.32-2.45zM16 13c1.31 0 2.4.78 2.78 1.86c.377-.035.736-.079 1.09-.128A27 27 0 0 1 16 15c-1.424 0-2.71-.102-3.87-.268c.354.05.713.093 1.09.127C13.6 13.78 14.69 13 16 13M5 14.422C7.3 15.969 11.36 17 16 17s8.7-1.031 11-2.578V20.5c0 1.016-3.855 3.5-11 3.5S5 21.516 5 20.5zm15.887.139"/></svg>
React
import type { SVGProps } from "react";
export function LaDrumSteelpan(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 6C8.82 6 3 8.462 3 11.5v9C3 23.538 8.82 26 16 26s13-2.462 13-5.5v-9C29 8.462 23.18 6 16 6m0 2c.893 0 1.734.04 2.523.11c.165.014.317.035.477.052V8.6c0 1.32-1.35 2.4-3 2.4s-3-1.08-3-2.4v-.438c.927-.1 1.92-.162 3-.162m-3.104.174q-.5.054-.97.127c.136-.021.265-.046.406-.065c.182-.024.376-.041.564-.062m6.208 0c.188.02.382.038.564.062c.14.02.27.044.406.065a21 21 0 0 0-.97-.127m-7.58.19c-.176.03-.343.065-.512.099c.09-.018.163-.042.256-.059c.082-.015.172-.026.255-.04zm8.953 0c.083.014.173.025.255.04c.093.017.166.041.256.059c-.169-.034-.336-.07-.511-.1zm-9.957.212l1.04 1.805c.44.74.55 1.61.33 2.45a3.26 3.26 0 0 1-1.097 1.655C7.021 13.706 5 12.23 5 11.5q0-.095.045-.207c.306-.755 2.206-1.994 5.475-2.717m10.96 0C25.07 9.37 27 10.788 27 11.5c0 .73-2.022 2.207-5.795 2.986a3.2 3.2 0 0 1-1.096-1.656c-.22-.84-.11-1.71.32-2.45zM16 13c1.31 0 2.4.78 2.78 1.86c.377-.035.736-.079 1.09-.128A27 27 0 0 1 16 15c-1.424 0-2.71-.102-3.87-.268c.354.05.713.093 1.09.127C13.6 13.78 14.69 13 16 13M5 14.422C7.3 15.969 11.36 17 16 17s8.7-1.031 11-2.578V20.5c0 1.016-3.855 3.5-11 3.5S5 21.516 5 20.5zm15.887.139"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 6C8.82 6 3 8.462 3 11.5v9C3 23.538 8.82 26 16 26s13-2.462 13-5.5v-9C29 8.462 23.18 6 16 6m0 2c.893 0 1.734.04 2.523.11c.165.014.317.035.477.052V8.6c0 1.32-1.35 2.4-3 2.4s-3-1.08-3-2.4v-.438c.927-.1 1.92-.162 3-.162m-3.104.174q-.5.054-.97.127c.136-.021.265-.046.406-.065c.182-.024.376-.041.564-.062m6.208 0c.188.02.382.038.564.062c.14.02.27.044.406.065a21 21 0 0 0-.97-.127m-7.58.19c-.176.03-.343.065-.512.099c.09-.018.163-.042.256-.059c.082-.015.172-.026.255-.04zm8.953 0c.083.014.173.025.255.04c.093.017.166.041.256.059c-.169-.034-.336-.07-.511-.1zm-9.957.212l1.04 1.805c.44.74.55 1.61.33 2.45a3.26 3.26 0 0 1-1.097 1.655C7.021 13.706 5 12.23 5 11.5q0-.095.045-.207c.306-.755 2.206-1.994 5.475-2.717m10.96 0C25.07 9.37 27 10.788 27 11.5c0 .73-2.022 2.207-5.795 2.986a3.2 3.2 0 0 1-1.096-1.656c-.22-.84-.11-1.71.32-2.45zM16 13c1.31 0 2.4.78 2.78 1.86c.377-.035.736-.079 1.09-.128A27 27 0 0 1 16 15c-1.424 0-2.71-.102-3.87-.268c.354.05.713.093 1.09.127C13.6 13.78 14.69 13 16 13M5 14.422C7.3 15.969 11.36 17 16 17s8.7-1.031 11-2.578V20.5c0 1.016-3.855 3.5-11 3.5S5 21.516 5 20.5zm15.887.139"/></svg> </template>
CSS
.icon-drum-steelpan {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%206C8.82%206%203%208.462%203%2011.5v9C3%2023.538%208.82%2026%2016%2026s13-2.462%2013-5.5v-9C29%208.462%2023.18%206%2016%206m0%202c.893%200%201.734.04%202.523.11c.165.014.317.035.477.052V8.6c0%201.32-1.35%202.4-3%202.4s-3-1.08-3-2.4v-.438c.927-.1%201.92-.162%203-.162m-3.104.174q-.5.054-.97.127c.136-.021.265-.046.406-.065c.182-.024.376-.041.564-.062m6.208%200c.188.02.382.038.564.062c.14.02.27.044.406.065a21%2021%200%200%200-.97-.127m-7.58.19c-.176.03-.343.065-.512.099c.09-.018.163-.042.256-.059c.082-.015.172-.026.255-.04zm8.953%200c.083.014.173.025.255.04c.093.017.166.041.256.059c-.169-.034-.336-.07-.511-.1zm-9.957.212l1.04%201.805c.44.74.55%201.61.33%202.45a3.26%203.26%200%200%201-1.097%201.655C7.021%2013.706%205%2012.23%205%2011.5q0-.095.045-.207c.306-.755%202.206-1.994%205.475-2.717m10.96%200C25.07%209.37%2027%2010.788%2027%2011.5c0%20.73-2.022%202.207-5.795%202.986a3.2%203.2%200%200%201-1.096-1.656c-.22-.84-.11-1.71.32-2.45zM16%2013c1.31%200%202.4.78%202.78%201.86c.377-.035.736-.079%201.09-.128A27%2027%200%200%201%2016%2015c-1.424%200-2.71-.102-3.87-.268c.354.05.713.093%201.09.127C13.6%2013.78%2014.69%2013%2016%2013M5%2014.422C7.3%2015.969%2011.36%2017%2016%2017s8.7-1.031%2011-2.578V20.5c0%201.016-3.855%203.5-11%203.5S5%2021.516%205%2020.5zm15.887.139%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%206C8.82%206%203%208.462%203%2011.5v9C3%2023.538%208.82%2026%2016%2026s13-2.462%2013-5.5v-9C29%208.462%2023.18%206%2016%206m0%202c.893%200%201.734.04%202.523.11c.165.014.317.035.477.052V8.6c0%201.32-1.35%202.4-3%202.4s-3-1.08-3-2.4v-.438c.927-.1%201.92-.162%203-.162m-3.104.174q-.5.054-.97.127c.136-.021.265-.046.406-.065c.182-.024.376-.041.564-.062m6.208%200c.188.02.382.038.564.062c.14.02.27.044.406.065a21%2021%200%200%200-.97-.127m-7.58.19c-.176.03-.343.065-.512.099c.09-.018.163-.042.256-.059c.082-.015.172-.026.255-.04zm8.953%200c.083.014.173.025.255.04c.093.017.166.041.256.059c-.169-.034-.336-.07-.511-.1zm-9.957.212l1.04%201.805c.44.74.55%201.61.33%202.45a3.26%203.26%200%200%201-1.097%201.655C7.021%2013.706%205%2012.23%205%2011.5q0-.095.045-.207c.306-.755%202.206-1.994%205.475-2.717m10.96%200C25.07%209.37%2027%2010.788%2027%2011.5c0%20.73-2.022%202.207-5.795%202.986a3.2%203.2%200%200%201-1.096-1.656c-.22-.84-.11-1.71.32-2.45zM16%2013c1.31%200%202.4.78%202.78%201.86c.377-.035.736-.079%201.09-.128A27%2027%200%200%201%2016%2015c-1.424%200-2.71-.102-3.87-.268c.354.05.713.093%201.09.127C13.6%2013.78%2014.69%2013%2016%2013M5%2014.422C7.3%2015.969%2011.36%2017%2016%2017s8.7-1.031%2011-2.578V20.5c0%201.016-3.855%203.5-11%203.5S5%2021.516%205%2020.5zm15.887.139%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/drum-steelpan.svg?color=%231a73e8&size=48
